2016-11-26 150 views
1

我試圖設置react-select組件selectmultiple選項,但我不能讓它工作,即使它是一切設置爲文檔說。當multifalse時,Select按照預期與一個value一起工作,但是當我設置multi={true}時,它顯示valueundefinedreact-select multiple option

,當我在handleChange()event.target.value給它賦予undefined藏漢所以這就是爲什麼我剛剛使用event.value搶OBJ財產。我還是新手反應使約state任何提示會,如果我在這裏做得不對-_-

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理解。

+0

可能的重複[從