2016-11-26 33 views
1

のコンポーネントをselectmultipleというオプションで設定しようとしていますが、ドキュメントとして設定されているすべての設定でも動作しません。 multifalseである場合、と同時にmulti={true}と設定すると、がundefinedと表示されます。複数選択オプションを選択する

私はhandleChange()event.target.valueに与えるとき、それはので、私はちょうどOBJプロパティをつかむためにevent.valueを使用しましたThatsなぜundefined aswellを与えます。私はまだ私はここで何か間違ったことをやっている場合-_-

class StatisticsFilter extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {value: ''}; 

    this.handleChange = this.handleChange.bind(this); 
    } 
    handleChange(event) { 
    this.setState(event.value); 
    } 

const options = 
[ 
    { 
    value: 'foo', label: 'Foo' 
    }, 
    { 
    value: 'bar', label: 'Bar' 
    }, 
    { 
    value: 'baz', label: 'Baz' 
    } 
]; 

    render() { 
    return (
      <Select 
       value={this.state.value} 
       name="filter__statistics" 
       options={options} 
       onChange={this.handleChange} 
       multi={true} 
      /> 
    ); 
    } 
} 

react-select v. 1.0.0rcを使用してstateについて任意のヒントをいただければ幸いですので、反応するように初心者です。

+0

[Reactで複数のオプションを使用して