title: React - Display new component when form is submitted
body: <p>Can someone tell me why the SearchResult is not displaying when the form is submitted? </p>
  
  <pre><code>export default class Search extends React.Component {
      constructor() {
          super();
          this.state = {
              search: ""
          }
          this.handleChange = this.handleChange.bind(this);
          this.handleSubmit = this.handleSubmit.bind(this);
      }
      handleChange(event) {
          this.setState({
              search: event.target.value
          });
        }
      handleSubmit() {
         return &lt;SearchResult/&gt;
      }
  
      render() {
          return(
          &lt;div&gt;
          &lt;form onSubmit={this.handleSubmit}&gt;
              &lt;label&gt;
              Name:
              &lt;input type="text" value={this.state.search} onChange={this.handleChange} /&gt;
              &lt;/label&gt;
              &lt;input type="submit" value="Submit" /&gt;
          &lt;/form&gt;
          &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p>I don't have any errors appearing, when I submit it, the page just reloads and stays on the Search component and not the SearchResult component. </p>
  
  <p>Thanks</p>