title: Show or hide element in React
body: <p>I am messing around with React.js for the first time and cannot find a way to show or hide something on a page via click event.  I am not loading any other library to the page, so I am looking for some native way using the React library.  This is what I have so far.  I would like to show the results div when the click event fires.  </p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>var Search= React.createClass({
      handleClick: function (event) {
          console.log(this.prop);
      },
      render: function () {
          return (
              &lt;div className="date-range"&gt;
                  &lt;input type="submit" value="Search" onClick={this.handleClick} /&gt;
              &lt;/div&gt;
          );
      }
  });
  
  var Results = React.createClass({
      render: function () {
          return (
              &lt;div id="results" className="search-results"&gt;
                  Some Results
              &lt;/div&gt;
          );
      }
  });
  
  React.renderComponent(&lt;Search /&gt; , document.body);
  </code></pre>