title: Passing event and props from child to parent in react
body: <p>I've started splitting some code into <code>presentational/container</code> components and  I'd like to call a function in the <code>child/presentational</code> component and pass both the event and some sort of prop back to the parent. </p>
  
  <p>Parent:</p>
  
  <pre><code>class Parent extends Component{
      constructor(props) {
          super(props);
          this.state = {}
          this.reroll = this.reroll.bind(this);
      }
  
      test(key, e){
          console.log(key, e)
      }
      render() {
          return &lt;Child test={()=&gt;this.test} /&gt;
      }
  }
  </code></pre>
  
  <p>Child:</p>
  
  <pre><code>var Child = () =&gt; {
      return ( 
          &lt;select onChange={props.test('test-key')}&gt;
              &lt;option value='1'&gt; Option 1 &lt;/option&gt;
              //etc...
          &lt;/select&gt;
      )
  }
  </code></pre>
  
  <p>Normally, when I had my code all in one place I would write the onChange function like this.</p>
  
  <pre><code>&lt;select onChange={props.test.bind(this, 'test-key')}&gt;
  </code></pre>
  
  <p>But binding this in the child causes it to no longer function. No other props passed to this function get returned to the parent. Is there any way that I can write this such that I can get back 'test-key'?</p>