javascript - reactjs中嵌套元素，多级数组的设置状态

Question

我有一个带有如下状态元素的反应应用程序：

state = {

  options: {

    xaxis: {
      categories: []
    }
  }

}

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

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

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

标签： javascriptreactjs

Answer 1

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

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