title: onChange event not firing for input field with React
body: <p>I am trying to render a simple input field, in which when the value is changed, a callback from the parent component will be called. My code is given below:</p>
  
  <pre><code>class Parent extends React.Component {
      myMethod() {
          alert("Test");
      }
      render() {
          return (
              &lt;Child cb={this.myMethod} /&gt;
          );
      }
  }
  
  class Child extends React.Component {
      render() {
          return (
              &lt;input type="text" placeholder="enter text" onChange="{this.props.cb}" /&gt;
          );
      }
  }
  
  Child.propTypes = {
      cb: React.PropTypes.func
  }
  
  ReactDOM.render(
      &lt;Parent /&gt;,
      document.getElementById("container")
  );
  </code></pre>
  
  <p>My HTML code is:</p>
  
  <pre><code>&lt;div id="container"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>The error I am getting is:</p>
  
  <pre><code>Warning: Failed prop type: Child: prop type `cb` is invalid; it must be a function, usually from React.PropTypes.
      in Child (created by Parent)
      in Parent
  
  Warning: Failed form propType: Invalid prop `onChange` of type `string` supplied to `input`, expected `function`. Check the render method of `Child`.
  </code></pre>
  
  <p>I am new to React, and cannot really understand how else I should pass the callback to the Child component. Can someone help please?</p>