Setting state of nested element, multilevel array in reactjs [duplicate]

Question

I have a react app with a state element like this:

state = {

  options: {

    xaxis: {
      categories: []
    }
  }

}

However, in this function, when I try to set the state of categories I get an error that it isn't expecting a format with periods like options.xaxis.categories

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

How can I properly set the state of that array element?

Does this answer your question? How to update nested state properties in React — Amir-Mousavi
– Amir-Mousavi, Commented May 16, 2020 at 14:57

Amit Chauhan · Accepted Answer · 2020-05-16 14:55:47Z

1

That's not the correct syntax. This is correct syntax.

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

answered May 16, 2020 at 14:55

Amit Chauhan

7,0092 gold badges26 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Geoff_S Over a year ago

wow, I was way off! I don't know why I couldn't find that documented anywhere. I really appreciate it, that worked great!

Collectives™ on Stack Overflow

Setting state of nested element, multilevel array in reactjs [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related