React?에서 Select2 구성 요소의 선택된 상태를 설정하는 방법?

Question

내가 가지고있는 NPM 패키지를 포함하는 반작용 응용 프로그램 :

import Select2 from 'react-select2-wrapper'; 

내 선택 2 구성 요소는 다음과 같습니다

<Select2 
    options={{ 
     minimumResultsForSearch: Infinity 
    }} 
    data={[ 
     { text: '...', id: "" }, 
     { text: 'Edit', id: "edit" }, 
     { text: 'Duplicate', id: "duplicate" } 
    ]} 
    onChange={this.executeSelectedOption.bind(this)} 
/> 

나는 버튼을 클릭하고는 선택 2의 선택된 값을 변경해야 구성 요소 - 어떻게해야합니까?

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