空ClassName

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

你也许可以

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

Answer 2

可以返回null，而不是空字符串：

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