title: React custom event
body: <p>In react what is the best way to create a custom event?</p>
  
  <p>As an example instead of:</p>
  
  <pre><code>handleKeyPress: function(e) {
      if (e.key === 'Enter') {
          doSomething();
      }
  }
  ...
  &lt;input onKeyPress={this.handleKeyPress} /&gt;
  </code></pre>
  
  <p>It would be nice to do be able to just do:</p>
  
  <pre><code>&lt;input onEnter={doSomething} /&gt;
  </code></pre>
  
  <p>Is this possible?</p>
  
  <p>I could create a custom wrapper for <code>&lt;input&gt;</code> but then what if I wanted to add it to <code>&lt;select&gt;</code> or <code>&lt;textarea&gt;</code>?</p>