title: React - loader doesn't work
body: <p>I'm using react and I'm trying to display loader when dom is rendering. But I'm really not sure why this ternary operation isn't working. What am I doing wrong here?</p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  class App extends React.Component 
  {
          constructor()
          {
                  super(); 
                  this.state = {isLoading: true} 
                  console.log(this.state.isLoading);
          }
          componentDidMount() 
          { 
                  this.setState ({isLoading: false})
                  console.log("componentDidMount");
          }
          render()
          {
                  return(
                  this.state.isLoading ? 
                  &lt;div&gt;&lt;img src={logo} className="App-logo" alt="logo" /&gt;&lt;/div&gt;
                  : 
                  &lt;div&gt; yourPage &lt;/div&gt;
                  )
          }
  }
  export default App;
  </code></pre>
  
  <p>It shows yourPage every time does not show logo image (loader image)</p>