当值基于 state 时如何使用 React-Select 激活 onChange

Question

我有一个 Select 下拉列表，它的值连接到另一个 Select 下拉列表。 当我从第一个 select 开始，我改变了一个 Hook 的 state。 新值显示在第二个 Select 下拉列表中，但它不会激活 onChange 事件处理程序，因此我无法获取数据。

这是第二个 select 下拉列表的代码：

<Select 
  name="second-dropdown"
  value={{label: secondState}}
  onChange={handleChange}
/>

有任何想法吗？ 一直在尝试像这样设置 onChange ：

onChange={(e) => this.handleChange(e)}

但似乎没有任何效果。 提前致谢。

Answer 1

第二个 Select 的值始终是secondState而你应该在 onChange function 中做的是这样的

handleChange = (value) = {
this.setState({secondState:value});
}