title: How to use multiple independent conditional styles on same div in reactjs?
body: <p>I wanna know how to use multiple independent conditional styles on same div in react js.  For one condition we can use ternary operator.  But i want to use different independent conditions.</p>
  
  <p>For example: I have a textarea and I have three buttons with Bold, italic and underline.  I want if i click on any button will do their respective task.  </p>
  
  <p>this is working fine</p>
  
  <pre><code>&lt;textarea
          onChange={this.handleChange}
          style={ this.state.bold ? {fontWeight: 'bolder'} : {fontStyle: 
          'normal'}}
          /&gt;
  </code></pre>
  
  <p>but this is not:</p>
  
  <pre><code>&lt;textarea
          onChange={this.handleChange}
          style={ this.state.bold ? {fontWeight: 'bolder'} : {fontWeight: 
          'normal'}}
          style={ this.state.italic? {fontStyle: 'italic'} : {fontStyle: 
          'normal'}}
          /&gt;
  </code></pre>
  
  <p>How to have multiple independent conditional styles in reactjs?</p>