Twitter bootstrap 如何将处理程序附加到反应引导选择组件?
我尝试附加事件处理程序来响应引导选择组件 类MyComponent扩展了React.Component{ 建造师(道具){ 超级(); 此.state={ 值:“初始” }; } handleSelect(值){ console.log(值); 这是我的国家({ 价值:价值 }); } render(){ 返回( 所选值{this.state.value} 选择 ... ); } } 但是在Twitter bootstrap 如何将处理程序附加到反应引导选择组件?,twitter-bootstrap,reactjs,select,event-handling,react-bootstrap,Twitter Bootstrap,Reactjs,Select,Event Handling,React Bootstrap,我尝试附加事件处理程序来响应引导选择组件 类MyComponent扩展了React.Component{ 建造师(道具){ 超级(); 此.state={ 值:“初始” }; } handleSelect(值){ console.log(值); 这是我的国家({ 价值:价值 }); } render(){ 返回( 所选值{this.state.value} 选择 ... ); } } 但是在handleSelect中,我得到了一些代理对象,而不是单击的选项值 将处理程序附加到FormCont
handleSelect
中,我得到了一些代理对象,而不是单击的选项值
将处理程序附加到FormControl的正确方法是什么?事件处理程序的
onChange
中的第一个参数是事件对象。通过查看事件目标-evt.target.value
,可以访问所选值:
handleSelect(evt) {
console.log(evt.target.value);
this.setState({
value: evt.target.value
});
}
handleSelect(evt) {
console.log(evt.target.value);
this.setState({
value: evt.target.value
});
}