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

Posted 2023-02-21

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

【英文标题】：Setting state of nested element, multilevel array in reactjs [duplicate]

【发布时间】：2020-09-02 10:13:04

【问题描述】：

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

state = 

  options: 

    xaxis: 
      categories: []
    
  

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

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

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

【问题讨论】：

这能回答你的问题吗？ How to update nested state properties in React

【参考方案1】：

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

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

【讨论】：

哇，我走得太远了！我不知道为什么我在任何地方都找不到记录。我真的很感激，效果很好！