React Native | JS Create Object

Question

I am using picker-module in React native. I have to create a dataset for this. It is okay to write Dataset with my hand, but when I print it with for for a list, I get the following error. What is the solution?

//working
const dataset = [
    {
        value: "1",
        label: "1",
    },
    {
        value: "2",
        label: "2",
    },
    {
        value: "3",
        label: "3",
    }
]

//not working
for (let i = 0; i < 3; i++) {
    this.setState({yearList:this.state.yearList.push({value:`${i}`,label:`${i}`})})
}

Husain Almaraseem · Accepted Answer · 2020-08-04 13:24:16Z

1

The React docs says:

Treat this.state as if it were immutable.

Your push will mutate the state directly and that could potentially lead to error prone code, even if you are "resetting" the state again afterwards. as an example, it could lead to that some lifecycle methods like componentDidUpdate won’t trigger.

The recommended approach in later React versions is to use an updater function when modifying states to prevent race conditions:

this.setState({
  arrayvar: [...this.state.arrayvar, newelement]
})

answered Aug 4, 2020 at 13:24

Husain Almaraseem

18010 bronze badges

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

1 Comment

Husain Almaraseem Over a year ago

gardash means 'bro' in Turkish :D

Collectives™ on Stack Overflow

React Native | JS Create Object

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related