title: Passing selected option value by user in remove button: React
body: <p>I have a react select form where user can either select multiple options or single option based on a condition.</p>
  
  <p>I want to enable the user to select either single or multiple options and remove it from JS array backing  in select.</p>
  
  <p>However, I am unable to get the selected option by the user when the user clicks on the remove button</p>
  
  <pre><code>    //This is in my constructor
        this.state = {
            choices:["mango","apple","banana"]
          };
  
      //My remove choice function in React class
           removeChoice(e){
          let options = e.target.value;
          console.log(options);
  
          //code to remove selected options
         }
  
      //this is in my render function:
        let choiceItems = this.state.choices.map((item,i) =&gt;{
              return (
                  &lt;option key={item+i}&gt;{item}&lt;/option&gt;
              )});
  
         return(
           ......//code here
           //this.props.multiSelect comes from a different component to allow/disallow user to select multiple options
  
           &lt;select name="choices" size="3" multiple={this.props.multiSelect?true:false}&gt;
                  {choiceItems}
           &lt;/select&gt;
           &lt;button id="remove-choice"
              onClick={this.removeChoice} value={choiceItems}&gt;Remove Choice&lt;/button&gt;
         )
  </code></pre>
  
  <p>When I console options on remove function I get [Object, Object...]. Can anyone suggest an alternate approach to pass the values selected in {choiceItems} in the remove button?</p>