React-Select: получение нескольких значений onChange из выпадающего списка - PullRequest
0 голосов
/ 12 января 2019
import React from 'react';
import Select from 'react-select';

const options = [
    { value: 'all', label: 'all' },
    { value: 'destroyed', label: 'Destroyed' },
    { value: 'damaged', label: 'Damaged' },
    { value: 'physicalDamage', label: 'PhysicalDamage' }
  ]


class SearchFilters extends React.Component {

    _onChange = (e, options) => {
        const onChangeData = {
          value: e.value,
          name: e.label,
          result: options.find(item => item.value === e.value)
        };
        console.log(onChangeData.value);
        return onChangeData;
      };

    render(){
        return(
            <div> 
              <Select
                options={options}
                onChange={e => this._onChange(e, options)}
                isMulti={true}
            />
          </div>
        )
    }
}
export default SearchFilters

Из приведенного выше кода, если isMulti имеет значение false в select, я могу напечатать значение выбранного параметра в консоли, но если я изменю его на true, я получу значение как неопределенное. Мне нужна помощь в исправлении этого. Заранее спасибо.

Выход: enter image description here

...