title: How to render different classes on span using React.js?
body: <pre><code>&lt;span className="inactiveBtn"&gt;Inactive&lt;/span&gt;
      &lt;span className="activeBtn"&gt;Active&lt;/span&gt;
      &lt;span className="deletedBtn"&gt;To be Delted&lt;/span&gt;
  </code></pre>
  
  <p>I am using these 3 spans in my table column, but I want to render it dynamically, as in if text is active, inactive or deleted then it should render its respective class and text to the span.</p>