如何在React中设置Select2组件的选中状态?
问题描述:
我有一个作出反应的应用程序,其中包括故宫包:如何在React中设置Select2组件的选中状态?
import Select2 from 'react-select2-wrapper';
我选择二成分是这样的:
<Select2
options={{
minimumResultsForSearch: Infinity
}}
data={[
{ text: '...', id: "" },
{ text: 'Edit', id: "edit" },
{ text: 'Duplicate', id: "duplicate" }
]}
onChange={this.executeSelectedOption.bind(this)}
/>
我想点击一个按钮,并把它改变选择二的选择的价值组件 - 我该怎么做?
答
var Select = React.createClass({
getInitialState() {
return { value: null }
},
handleClick(value) {
this.setState({ value });
},
executeSelectedOption() {},
render() {
return <div>
<p>
<button onClick={ this.handleClick.bind(this, '') }>Select Empty</button>
<button onClick={ this.handleClick.bind(this, 'edit') }>Select Edit</button>
<button onClick={ this.handleClick.bind(this, 'duplicate') }>Select Duplicate</button>
</p>
<Select2
value={ this.state.value }
options={{
minimumResultsForSearch: Infinity
}}
data={[
{ text: '...', id: "" },
{ text: 'Edit', id: "edit" },
{ text: 'Duplicate', id: "duplicate" }
]}
onChange={this.executeSelectedOption.bind(this)}
/>
</div>
}
});
是啊,没有什么明显的存在。 – JoeTidee
为什么选择react-select2-wrapper而不是react-select2? –