title: How to return an event from Button using react-bootstrap?
body: <p>I have the following code:</p>
  
  <pre><code>class SelectorEdit extends React.Component {
      constructor(){
          super();
          this.state = {
              displayText: '',
              isEditing: false
          };
          this.renderList = this.renderList.bind(this);
          this.onSelectionHandle = this.onSelectionHandle.bind(this);
      }
  
      componentDidMount(){
          if(typeof this.props.val !== 'undefined' &amp;&amp; typeof this.props.options !== 'undefined'){
  
              let result = this.props.options.find(x =&gt; x.value === this.props.val);
              const displayText = result.text;
              this.setState( {displayText} );
          }
      }
  
      onSelectionHandle = (e) =&gt; {
          console.log('key: ', e); //returns undefined for e
      }
  
      renderList(){
          if (typeof this.props.options === "undefined"){
              return;
          } else if(this.props.options){
              return this.props.options.map((option)=&gt;{
                  return(
                      &lt;Button eventKey={option.value} onClick={this.onSelectionHandle}&gt;{option.text}&lt;/Button&gt;
                  );
              });
          }
  
      }
  
      render(){
          return(
              &lt;div className="display-choices"&gt;
                  &lt;ButtonGroup &gt;{this.renderList()}&lt;/ButtonGroup&gt;
              &lt;/div&gt;
          )
      }
  }export default SelectorEdit;
  </code></pre>
  
  <p>I am not sure why the event does not pass in this situation? Does react-bootstrap allow you to get the event on a button click? Their example in the documentation only gives a scenario to get the click, not to get the selected item in the click. Any advice?</p>