title: Reactjs state in ternary operator is not changed
body: <p>I am trying to change the element based on components state. I am using ternary operator to  determine what should be shown.</p>
  
  <p>In render function i am doing something like this</p>
  
  <p><code>&lt;li onClick={this.handleClick}&gt;{(this.state.route) ? "active" : ""}&lt;/li&gt;</code></p>
  
  <p>and click handler is just updating the state using this.setState.</p>
  
  <p>Anyone has an idea why is this not working?</p>
  
  <p>Working example of my simplefied problem can be found here <a href="https://jsfiddle.net/69z2wepo/20231/" rel="nofollow">jsfiddle</a></p>