React-bootstrap："select" onChange 仅调用一次

Question

这是一个 fiddle with the example 演示此代码的例子：

render: function() {
    return (
      <FormControl componentClass="select" onChange={console.log("changed")}>
                    <option value="1">A</option>         
                    <option value="2">B</option>         
      </FormControl>                       
    );
  }

onChange() 仅在我的组件被渲染时被调用。

我想对不同的选项做出反应。因此，如果我将 'A' 更改为 'B'，我希望组件触发 onChange() 事件。我错过了什么？

Answer 1

写一个名为handleSelectChange的方法

handleSelectChange: function(event) {
    //Do sth
}

然后这样称呼它 onChange={this.handleSelectChange}

React-bootstrap："select" onChange 仅调用一次

React-bootstrap: onChange invoked only once for "select"

reactjs

react-bootstrap