javascript - 在另一个对象内创建动态对象

Question

我在构造函数中有这个

this.state = {
  inputs : {}
}

这在 handleInputChange 中(在输入模糊时触发)

handleInputChange(event) {
    const target = event.target;
    const value = target.value;
    const name = target.name;

    this.setState({
      inputs[name]: value
    });
  }

这样我的状态就会变成这样

inputs : { name1 : "text1", "name2": "text2" }

语法错误

 Unexpected token, expected , (20:12)

this.setState({
> 20 |       inputs[name]: value
     |             ^
  21 |     });

正确的语法是什么？

Answer 1

handleInputChange(event) {
  const target = event.target;
  const value = target.value;
  const name = target.name;
  let updatedInputs = this.state.inputs;
  updatedInputs[name]= value;
  this.setState({
    inputs: updatedInputs
  });
}