我学会了如何使用React-Bootstrap来显示下拉菜单:
<DropdownButton bsStyle="success" title="Choose" onSelect={this.handleSelect} >
<MenuItem key="1">Action</MenuItem>
<MenuItem key="2">Another action</MenuItem>
<MenuItem key="3">Something else here</MenuItem>
</DropdownButton>
但是我该如何编写onSelect的处理程序来捕获所选选项呢?我尝试了这个,但不知道里面应该写什么:
handleSelect: function () {
// what am I suppose to write in there to get the value?
},
还有,有没有一种方法可以将选项默认选择?
谢谢!
<DropdownButton bsStyle="primary" title={this.state.value} onSelect={this.handleSelect}>
然后,在handleSelect
中,我写了this.setState({value: index});console.log(this.state.value);
当我读取控制台输出时,值似乎落后了。也就是说,当我第一次选择一个项目时。控制台会输出状态变量的默认值。如果我选择另一个项目,则控制台将输出我先前选择的值。你知道这是为什么吗? - ChengSyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".0.2.0.1.0.0.0.0.1.$=11:0.$=11:0.0", nativeEvent: MouseEvent, type: "click", target: a…}
。 - user3196599