在reactjs中设置嵌套元素的状态，多级数组[重复]

Question

我有一个带有如下状态元素的 react 应用：

state = {

  options: {

    xaxis: {
      categories: []
    }
  }

}

但是，在此函数中，当我尝试设置类别的状态时，我收到一个错误，提示它不期望带有像 options.xaxis.categories 这样的句点的格式

this.setState({
  options.xaxis.categories: this.state.resultDates
});

如何正确设置该数组元素的状态？

Answer 1

这不是正确的语法。这是正确的语法。

this.setState({
  options: {
    ...this.state.options,
    xaxis: {
      ...this.state.options.xaxis,
      categories: this.state.resultDates
    }
   }
});