title: react onChange doesn't seem to bubble properly
body: <p>When changing the input, it only prints <code>'input changes'</code> but not <code>'bubbles'</code>. Any idea why?</p>
  
  <pre><code>const InputWrapper = React.createClass({
      change () {
          console.log('input changes')
      },
      render () {
          return (
              &lt;input onChange={this.change}/&gt; 
          );
      }
  });
  
  const App = React.createClass({
      change () {
          console.log('bubbles');
      },
      render () {
          return (&lt;InputWrapper onChange={this.change} /&gt;);
      }
  });
  </code></pre>
  
  <p><a href="https://jsfiddle.net/stevemao/6nxvvkwy/5/" rel="nofollow">https://jsfiddle.net/stevemao/6nxvvkwy/5/</a></p>
  
  <p><strong>EDIT</strong>: Doesn't it automatically bubble without calling <code>this.props.change</code> on <code>InputWrapper</code>? from the official docs: Like all DOM events, the onChange prop is supported on all native components and can be used to listen to bubbled change events.</p>