Unable to set the value of a variable to state variable in react js

Question

I am getting API response and once after getting that I am applying some filter and want to assign the result to state variables.

Here is what I am trying to do:

filtered = this.state.result
      .filter(value => value.Date == bar.Date)
      .reduce((acc, e) => acc.concat(e.FailureDeatils), []);
    this.setState({ failureResultValue: filtered });<-- Here I am able to set the filtered to failureResultValue.

Again on this failureResultValue,I am applying filter and able to achieve the result i.e.

failureResultTransactions = this.state.failureResultValue
      .filter(data => data.name == pie.name)
      .reduce((acc, item) => acc.concat(item.TransactionDetails) , []).map(item => ({ ...item, checked: false }));
console.log(failureResultTransactions );<- It has value
this.setState({ items: failureResultTransactions });<- This is not working
console.log(this.state.items)<- is returning empty

Can anyone figure out where I am going wrong?

setState is async, you cannot just console after the setState function — Agney
– Agney, Commented Apr 30, 2019 at 6:22
You can not do setState and expect the new state value in the next line. React documentation clearly mentions that setState will update the state whenever react finds it convenient. — abhishake
– abhishake, Commented Apr 30, 2019 at 6:27

Narendra Chouhan · Accepted Answer · 2019-04-30 06:25:03Z

1

 this.setState({ items: failureResultTransactions },()=>
    console.log(this.state.items));

You can check like this

answered Apr 30, 2019 at 6:25

Narendra Chouhan

2,3091 gold badge17 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Unable to set the value of a variable to state variable in react js

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