title: Failed form propType: You provided a `value` prop to a form field without an `onChange` handler
body: <p>When I load my react app I get this error in the console.</p>
  
  <blockquote>
    <p>Warning: Failed form propType: You provided a <code>value</code> prop to a form
    field without an <code>onChange</code> handler. This will render a read-only
    field. If the field should be mutable use <code>defaultValue</code>. Otherwise,
    set either <code>onChange</code> or <code>readOnly</code>. Check the render method of
    <code>AppFrame</code>.</p>
  </blockquote>
  
  <p>My AppFrame component is below:</p>
  
  <pre><code>class AppFrame extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;header className="navbar navbar-fixed-top navbar-shadow"&gt;
                      &lt;div className="navbar-branding"&gt;
                          &lt;a className="navbar-brand" href="dashboard"&gt;
                              &lt;b&gt;Shire&lt;/b&gt;Soldiers
                          &lt;/a&gt;
                      &lt;/div&gt;
                      &lt;form className="navbar-form navbar-left navbar-search alt" role="search"&gt;
                          &lt;div className="form-group"&gt;
                              &lt;input type="text" className="form-control" placeholder="Search..."
                                     value="Search..."/&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                      &lt;ul className="nav navbar-nav navbar-right"&gt;
                          &lt;li className="dropdown menu-merge"&gt;
                              &lt;span className="caret caret-tp hidden-xs"&gt;&lt;/span&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/header&gt;
  
                  &lt;aside id="sidebar_left" className="nano nano-light affix"&gt;
  
                      &lt;div className="sidebar-left-content nano-content"&gt;
  
                          &lt;ul className="nav sidebar-menu"&gt;
                              &lt;li className="sidebar-label pt20"&gt;Menu&lt;/li&gt;
                              &lt;li className="sidebar-label"&gt;
                                  &lt;IndexLink to="/" activeClassName="active"&gt;Dashboard&lt;/IndexLink&gt;
                              &lt;/li&gt;
                              &lt;li className="sidebar-label"&gt;
                                  &lt;Link to="/fixtures" activeClassName="active"&gt;Fixtures&lt;/Link&gt;
                              &lt;/li&gt;
                              &lt;li className="sidebar-label"&gt;
                                  &lt;Link to="/players" activeClassName="active"&gt;Players&lt;/Link&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
  
                      &lt;/div&gt;
  
                  &lt;/aside&gt;
                  &lt;section id="content_wrapper"&gt;
                      &lt;section id="content" className="table-layout animated fadeIn"&gt;
                          {this.props.children}
                      &lt;/section&gt;
                  &lt;/section&gt;
              &lt;/div&gt;
  
          )
      }
  }
  
  export default AppFrame;
  </code></pre>
  
  <p>I am struggling to work out what I am actually doing wrong here. The application starts up and works but I am trying to remove all console warning/errors.</p>