React-Select:从下拉列表中获取多个onChange值

时间:2019-01-12 04:46:19

标签: reactjs select react-select

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

从上面的代码中,如果select中isMulti为false,则可以在控制台中打印所选选项的值,但是如果将其更改为true,则该值将为未定义。 我需要解决此问题的帮助。预先感谢。

输出:enter image description here

0 个答案:

没有答案