title: React props id binding to onClick in a stateless component
body: <p>I have a class based component that is passing props down</p>
  
  <pre><code>onClickHandler = () =&gt; {doSomething};
  
  return (
     &lt;Container 
      jobs={this.props.jobs}
      clicked={this.onClickHandler}
     /&gt;
  );
  </code></pre>
  
  <p>...to a stateless component:</p>
  
  <pre><code>const Container = props =&gt; {
  
   return (
    &lt;div&gt;
     {props.jobs.map(job =&gt; 
       &lt;p onClick={props.clicked} key={job.id}&gt;
          {job.title}
       &lt;/p&gt;
      )}
     &lt;/div&gt;
   );
  }
  </code></pre>
  
  <p>Is there a way to pass on the key/id via the clicked prop - back up to the onClickHandler? </p>
  
  <p>I have looked at other similar questions on here and have tried to use bind to add the key to the clicked prop but am having real trouble passing the key on to the onClickHandler. Thank you for any advice!</p>