javascript - 修改嵌套状态无法更新

Question

为什么 setState 对我不起作用？

在发生更改事件时，我正在为数组设置状态。

handleonChange(x) {
    var newArray = ['Hello', 'Dear'];

    const clonedState = Object.assign({}, this.state);

    clonedState.trans.value = x;
    clonedState.accList = newArray

    this.setState(clonedState);
}

它更新了 trans.value，但 accList 未设置。

Answer 1

为什么不尝试使用此语法设置状态(这样您就不必克隆对象，只需声明您希望如何改变状态)

this.setState(previousState => {
  trans:
    {
      ...previousState.trans,
      value: x,
    },
  accList: newArray
});