title: React JSX: How to avoid multiple onClick handlers for multiple elements
body: <p>New to React, coming from JS/jQuery land. Feel I have the basics down, but after quite a bit of searching, can't find the answer to the following issue. In jQuery, I can bind the same event handler to multiple child elements thusly:</p>
  
  <pre><code>$("#someId p").on("click", someFunction);
  </code></pre>
  
  <p>In React JSX, I've only figured out how to do the following, which seriously violates DRY, and reminds me of code I was writing years ago:  </p>
  
  <pre><code>&lt;div id="someId"&gt;
     &lt;p onClick={this.someFunction}&gt;Foo&lt;/p&gt;
     &lt;p onClick={this.someFunction}&gt;Bar&lt;/p&gt;
     &lt;p onClick={this.someFunction}&gt;Baz&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There's gotta be a better way, yes?</p>