 <p>If you are wanting to use <code>1</code> then you would just need to establish a <code>this.props.enabled === 1</code> variable somewehre to hold the true and false value.</p> <p>Personally I would have enabled be a boolean value of <code>true</code> or <code>false</code> as it adds unnecessary complexity to make it a number. </p> <pre><code>&lt;span className={this.props.enabled === 1 ? "Active" : 'Disabled'}&gt;&lt;/span&gt; </code></pre>