如何在React中设置Select2组件的选中状态？

Question

我有一个作出反应的应用程序，其中包括故宫包：

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)} 
/> 

我想点击一个按钮，并把它改变选择二的选择的价值组件 - 我该怎么做？

Answer 1

react-select2-wrapper有value属性

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> 
    } 
}); 

Example