setState into 2D array - ReactJS

Question

I have a 2D array and I need to update it in componentWillReceiveProps but it doesn't get updated.

This is my state;

this.state={
            conditionRaw:[[]]
        }

And this is componentWillReceiveProps method;

componentWillReceiveProps(nextProps){
        let rules = {conditionRaw:[[]]};
        if (nextProps.rootObject._id !== ""){
            rules["conditionRaw"] = nextProps.rootObject.conditionRaw
            this.setState({conditionRaw: rules.conditionRaw})
            console.log("DENEMEBİRLKİ", this.state.conditionRaw)
        }

    }

My nextProps come filled but I reckon I'm failing at setState.

this.setState({conditionRaw: rules.conditionRaw}, () => {console.log(this.state.conditionRaw);}); what does this say? — Nocebo
– Nocebo, Commented Aug 10, 2017 at 12:20
Possible duplicate of Why calling setState method doesn't mutate the state immediately? — Mayank Shukla
– Mayank Shukla, Commented Aug 10, 2017 at 12:26

Nocebo · Accepted Answer · 2017-08-10 12:22:22Z

2

Your console log:

console.log("DENEMEBİRLKİ", this.state.conditionRaw)

might be misleading, since setState() is asynchronous. Try this instead:

this.setState({conditionRaw: rules.conditionRaw}, () => {console.log(this.state.conditionRaw);});

answered Aug 10, 2017 at 12:22

Nocebo

2,0973 gold badges18 silver badges29 bronze badges

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

5 Comments

Burak ULU Over a year ago

Wow, yeah it returns filled now.So this means I updated my state successfully, right?

Nocebo Over a year ago

Yeah, setState is asynchronous. Always use this callback function to check wheter or not it changed

Burak ULU Over a year ago

Thanks a lot! I can't mark your answer now. After 10 minutes, I'll do it.

Nocebo Over a year ago

No problem! Thanks

Nocebo Over a year ago

@BurakULU would you be so kind to mark my answer :)

Collectives™ on Stack Overflow

setState into 2D array - ReactJS

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related