空类名

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

您可以 return null 而不是空字符串：

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

Empty ClassName