Adding more than one row to an array inside componentDidMount for loop

Question

Im trying to add more than one item into this array but I'm not sure how to do so, any feedback is appreciated!

async componentDidMount() {

for (i = 0; i < this.state.permissionsResponseData.length; i++) {
                if (this.state.permissionsResponseData[i].role_id === this.state.roleResponseDataID.id) {
                    await this.setState({
                        accessRoleData: this.state.permissionsResponseData[i].data
                    })
                }
            }
}

@VaganM. accessRoleData this is how im initializing it state = { accessRoleData: []} — CatGirl19
– CatGirl19, Commented Jul 15, 2020 at 16:25

Deivison Sporteman · Accepted Answer · 2020-07-15 16:29:08Z

1

There is a few changes you need to do here.

First change, setState is not an async function, so you should remove the await

 await this.setState({

I'm correct to assume the accessRoleData is an array?

If it's and you want to add items there, you can use the prevState from setState method, ,like:

 this.setState((prevState) => ({
      accessRoleData: [...prevState.accessRoleData, this.state.permissionsResponseData[i].data]
}));

answered Jul 15, 2020 at 16:29

Deivison Sporteman

2,3801 gold badge23 silver badges23 bronze badges

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

2 Comments

CatGirl19 Over a year ago

Thanks for your feedback! Yeh accessRoleData is an array, after adding your changes I get the following warning Function declared in a loop contains unsafe references to variable(s) 'i'

Deivison Sporteman Over a year ago

Just change ‘for(i=‘ by ‘for(let i=‘

Vagan M. · Accepted Answer · 2020-07-15 16:27:42Z

0

this.setState((prevState, props) => ({
   accessRoleData: [...prevState.accessRoleData, 
             this.state.permissionsResponseData[i].data]
}))

answered Jul 15, 2020 at 16:27

Vagan M.

4633 silver badges10 bronze badges

1 Comment

Grinish Nepal Over a year ago

some comments with the code would help understand better.

Collectives™ on Stack Overflow

Adding more than one row to an array inside componentDidMount for loop

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related