javascript - React - 尝试过滤 React-select 选项时 event.target 未定义

我对 React 和 JavaScript 还很陌生，我正在尝试获取 React-select 下拉选项的值以在过滤器中使用。下面的代码抛出“未捕获的类型错误:event.target 未定义”。

const [filter, setFilters] = useState({})

  const handleFilters = (event)=> {
    const value = event.target.value;
    setFilters({
      [event.target.name]: value,
    });
  };

  console.log(filter);

react 选择

<Select name="category" onChange={ handleFilters } options={filterOptions} className='dropdown'/>

react 选择选项

const filterOptions = [
    { value: 'value1', label: 'label1' },
    { value: 'value2', label: 'label2' },
    { value: 'value3', label: 'label3' },
    { value: 'value4', label: 'label4' }
  ];

选择第一个下拉选项时我期望的控制台日志是 - {类别，值1}

最佳答案

发生这种情况是因为react-select的onChange处理程序直接返回所选的选项(对象)。

因此，例如事件将包含{label:"label1",value:"value1"}

你可以看看这个codesandbox供引用

关于javascript - React - 尝试过滤 React-select 选项时 event.target 未定义，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/71934348/