クラス名

Question

空の私が持っている例：

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

またはreturn内側：ブラウザでfalseある

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

this.state.foo場合は私のコードを見ていきます：

​​3210

はそれが可能ですませんclass属性が空の場合はそれを追加しますか？

Answer 1

空class属性を持つと間違って何もありませんがおそらく

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> 
)