【发布时间】：2023-03-22 13:30:01
【问题描述】：
className = 'name' 和 className = {'name'} 在 React 中有什么区别吗？我知道您可以在 {} 中使用变量，但我的问题是专门在这些括号 {''} 中字符串。我试图在代码中模拟这一点，在我看来两者都是一样的。谁能证实这一点？
【问题讨论】：
【发布时间】：2023-03-22 13:30:01
【问题描述】：
不，没有区别。当你写 {'name'} 时，它被解释为'name'。就像如果你写 {'name' + 'name2' }，它被解释为 'name name2'。
【讨论】：
如果您编写一个类名，即className="name" 与className={'name'} 相等且相同，则这两种表示法没有区别
但是，当我们想要给出一个条件类时，我们使用这个{} 表示法。例如：
<p className={this.state.hidden ? "hidden" : ""}>Hello World</p>
如果状态变量hidden 设置为true，则上面的行给<p> 标记一个隐藏类。当我们想在渲染函数中编写 JavaScript 代码时，我们在 React 中使用花括号 {}。我们可以使用它来连接两个字符串类名或条件类名。
【讨论】：