title: React: Input field doesn't receive input
body: <p>I tried to type in form input field, but its not working. Currently its in readonly mode, I am not sure why . Here is the component :</p>
  
  <pre><code>import React from 'react';
  
  export default class SearchBar extends React.Component {
  
    constructor(props) {
      super(props);
      this.state = { term: ''};
      this.onInputChange = this.onInputChange.bind(this);
    }
  
    onInputChange(event) {
      console.log(event.target.value);
      this.setState({ term: event.target.value});
    }
  
    render() {
      return (
      &lt;form className="input-group"&gt;
        &lt;input
          placeholder="Give a five day forecast"
          className="form-control"
          value={this.state.term}
          onChange={this.noInputChange}
          /&gt;
        &lt;span className="input-group-btn"&gt;
          &lt;button type="submit" className="btn btn-secondary"&gt; Submit&lt;/button&gt;
        &lt;/span&gt;
      &lt;/form&gt;
    )
    }
  }
  </code></pre>