Leere Klassenname

Question

Ich habe Beispiel:

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

oder in return:

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

Wenn this.state.foofalse in Browser ist mein Code aussehen:

<div class></div> 

ist möglich, es nicht tun add class Attribut, wenn es leer ist?

Answer 1

könnten Sie wahrscheinlich

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

tun Obwohl nichts falsch mit einem leeren class Attribut gibt.

Answer 2

Sie können null anstelle des leeren String zurück:

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