javascript - React - 单击按钮访问选定的选项？

Question

我有这样的东西

handleClick:function(){
    // click logic
},
render: function(){
  return (
    <select>
        <option value="a">A</option>
        <option value="b">B</option>
    </select>
    <button onClick={this.handleClick}>Get Selected Value</button>
  );
}

如何在单击按钮时获取select元素的值？

Answer 1

您添加对选择的引用

handleClick:function(){
    var value = React.findDOMNode(this.refs.mySelect).value;
},
render: function(){
  return (
    <select ref="mySelect">
        <option value="a">A</option>
        <option value="b">B</option>
    </select>
    <button onClick={this.handleClick}>Get Selected Value</button>
  );
}