title: Using dynamic CSS class name in Reactjs
body: <p>I am using below in one of my Child component. I would like </p>
  
  <pre><code>{...this.props.class ? "className= 'form-control "+ this.props.class +"'": "className= 'form-control'"}
  </code></pre>
  
  <p>I am using this in Parent component like this.</p>
  
  <pre><code>class=""
  </code></pre>
  
  <p>I am getting <code>Warning: Invalid attribute name: 23</code> error in console.</p>