响应setState键值

Question

我在一个使用setState的react应用程序中有一个函数

...
handleChange: (e, id) => {
  e.preventDefault()
  setState({ id: e.target.value })
}
...

问题是，id只是状态对象中字段的占位符，但是每次触发函数时，它都会创建一个新的字段id，并在表单中分配最后更新的值。我可能做错了，所以我想知道是否有工作或解决这一问题。任何帮助都将不胜感激。

Answer 1

因为id是一个具有状态键值的变量，所以您需要使用[]，所以它将发生的情况是，id将被其值替换。

如果不使用[]，则id将被视为"id“字符串。

如下所示：

handleChange: (e, id) => {
    e.preventDefault()
    this.setState({ [id]: e.target.value })
}