如何将变量传递给 React 组件中的 setState 回调？ [复制]

Question

我有以下事件处理程序。问题是e 在回调函数中不可用。我该如何解决这个问题？

handleChange(e){
    this.setState((prevState, props) => ({
      ...prevState,
      university: {
        ...prevState.university,
        [e.target.name]: e.target.value // error line
      }
    }));
}

TypeError: 无法读取 null 的属性“名称”

Answer 1

因为 event.target 中没有 name 属性。
Create a "value" state and initialize with event.target.value.

Answer 2

这是解决方案。

handleChange({ target: { name, value } }){
    this.setState((prevState, props) => ({
      ...prevState,
      university: {
        ...prevState.university,
        [name]: value
      }
    }));
  }