reactjs - react 类名定义

Question

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

Answer 1

如果您编写的是单个类名，即 className="name"，那么这两种表示法没有区别与className={'name'} 相等且相同

但是，我们使用这个{}当我们想要给出一个条件类时的符号。例如:

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

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