Empty ClassName

Question

I have example:

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

Or inside return:

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

If this.state.foo is false in browser my code will look:

<div class></div>

Is it possible do not add class attribute if it's empty?

Answer 1

You can return null instead of the empty string:

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