2016-11-26 2 views
1

Я пытаюсь установить react-select компонент для простых select с опциями multiple, но я не могу заставить его работать, даже если это все установлено, как говорят документы. Когда multi is false, Select работает как положено с одним value за один раз, но когда я установил multi={true}, он показывает value как undefined.response-select multiple option

Когда я даю в handleChange()event.target.value это дает undefined как хорошо, так вот почему я только использовал event.value, чтобы захватить OBJ собственность. Я еще новичок в React так что любые советы о 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

Возможный дубликат [Извлечение значения из