我让我的 Select 列表组件呈现我的 Select 列表:
<form className="pure-form">
<select ref="selectMark" className="mark-selector"
onChange={this.onChange}>{this.getOptions()}
</select>
</form>
我在组件上有一个创建选项的方法:
getOptions: function () {
return this.props.renderProps.data.map(function (item) {
return <option key={item.value} value={item.value}>{item.label}</option>;
}.bind(this));
},
我的onChange方法可以很好地处理以下值:
onChange: function(event) {
var newValue = event.nativeEvent.target.value;
this.props.renderProps.onSaveCare(newValue);
this.setState({value: newValue});
this.toggleEdit();
},
有什么办法可以得到选项文本吗?这让我感到不确定
event.nativeEvent.target.text; //undefined