反应类名定义

Posted 2023-03-16

【中文标题】反应类名定义

【英文标题】：React classname definition

【发布时间】：2021-09-09 22:20:21

【问题描述】：

className = 'name' 和 className = 'name' 在 React 中有什么区别吗？我知道您可以在 中使用变量，但我的问题是专门在这些括号 '' 中字符串。我试图在代码中模拟这一点，在我看来两者都是一样的。谁能证实这一点？

【参考方案1】：

不，没有区别。当你写 'name' 时，它被解释为'name'。就像如果你写 'name' + 'name2' ，它被解释为 'name name2'。

【参考方案2】：

如果您编写一个类名，即className="name" 与className='name' 相等且相同，则这两种表示法没有区别

但是，当我们想要给出一个条件类时，我们使用这个 表示法。例如：

<p className=this.state.hidden ? "hidden" : "">Hello World</p>

如果状态变量hidden 设置为true，则上面的行给<p> 标记一个隐藏类。当我们想在渲染函数中编写 javascript 代码时，我们在 React 中使用花括号 。我们可以使用它来连接两个字符串类名或条件类名。