Javascript reactjs中嵌套元素、多级数组的设置状态

Javascript reactjs中嵌套元素、多级数组的设置状态,javascript,reactjs,Javascript,Reactjs,我有一个带有如下状态元素的react应用程序: state = { options: { xaxis: { categories: [] } } } 但是,在这个函数中,当我试图设置类别的状态时,我得到一个错误,它不希望使用options.xaxis.categories这样的句点格式 this.setState({ options.xaxis.categories: this.state.resultDates }); 如何正确设置该数组元素的

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

state = {

  options: {

    xaxis: {
      categories: []
    }
  }

}
但是,在这个函数中,当我试图设置类别的状态时,我得到一个错误,它不希望使用options.xaxis.categories这样的句点格式

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

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

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

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

这回答了你的问题吗?哇,我太离谱了!我不知道为什么我在任何地方都找不到。我真的很感激,这很有效!