reactjs - 空类名

Question

我有例子:

var myClass = '';
if (this.state.foo) myClass = 'active';
return (
   <div className={myClass}></div>
)

或者在return中:

return (
   <div className={this.state.foo ? 'active' : '' }></div>
)

如果浏览器中的 this.state.foo 为 false，我的代码将如下所示:

<div class></div>

如果class属性为空，是否可以不添加？

Answer 1

您可以返回 null 而不是空字符串:

return (
   <div className={this.state.foo ? 'active' : null }></div>
)