title: React Bootstrap Dropdown Button OnSelect
body: <p>I am passing the option values into a series of Dropdown buttons, each of which is in a child component from a data array. </p>
  
  <p>When an option is chosen in one of the buttons I am updating the state in the parent component with the result of onSelect. This is all working fine...</p>
  
  <pre><code>    //parent component
  
      sourceSelected = (event) =&gt; {
      this.setState({
         sourceSelected: event
      });
  
      ...
  
      &lt;ButtonToolbar&gt;
        {MEDIUM.map((medium) =&gt;
          &lt;Medium key={medium.medium_name} medium={medium} onSelectedValue{this.sourceSelected } /&gt;
        )};
      &lt;/ButtonToolbar&gt;
  
      //child component
      &lt;DropdownButton title={props.medium.medium_name} id="source-dropdown" onSelect={props.onSelectedValue}&gt;
      {props.medium.source.map((option, index) =&gt;
      &lt;MenuItem key={index} eventKey={option}&gt; {option} &lt;/MenuItem&gt;)}
      &lt;/DropdownButton&gt;
  </code></pre>
  
  <p>However, I would also like to store in the state (mediumSelected=???) the name of the button from which the option was selected.</p>
  
  <p>Is there anyway to get OnSelect to pass this back or should I do something else? </p>