更新状态对象中“选择标签”选择的值

Question

我正在尝试根据选择标记中的选定值更新状态对象中的值。我在该选择标记上使用事件侦听器。但是当我试图从下拉列表中选择一个项目时，事件监听器会抛出一个错误提示

TypeError: 无法读取未定义的属性“值”

在事件监听器中，我正在使用更新我的状态

[e.target.name] : e.target.value

这是我的事件监听器：

handleInput = (e) => {
    console.log(e.target.value);
    this.setState({ [e.target.name]: e.target.value });
}

这是我的选择标签。我正在使用 antd 进行前端设计。 谢谢

Answer 1

setState 是异步的。 React 事件被合并https://reactjs.org/docs/events.html。所以到 [e.target.name] 执行时，e.target 已失效。

 handleInput = (e) => {
 const eventObj= e.target;
 console.log(e.target.value);
 this.setState({ [eventObj.name]: eventObj.value });
}