Push predefined objects into array using setState in react

Question

How can I achieve this using the spread operator/ES6?

I want to loop through my data and populate my state with an array of objects where the objects contain two key/value pairs. I would like it to be like...

this.state = {
data: [ {indexNumber: 1, show: false}, {indexNumber: 2, show: false}, {indexNumber: 3, show: false} ]

My [mutated] version;

this.state = { data: []}

data.map((element, index) => {
    this.state.data.push({ indexNumber: index, show: false}] })
});

ageoff · Accepted Answer · 2018-08-29 16:03:46Z

1

You cannot modify the state object. You will have to call setState and use a new value:

this.setState({data: [...this.state.data, {indexNumber: index, show: false}]})

answered Aug 29, 2018 at 16:03

ageoff

2,8282 gold badges28 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

Push predefined objects into array using setState in react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related