Calling functions from a function being called on clicking button in react

Asked Jul 19 '17 at 12:39

Active Jul 19 '17 at 12:39

Viewed 28 times

I have something like this. I am calling _onButtonClickDryRun on clicking a button, which inturn calls another function on being clicked. In first function I am changing the state and in second function I want to use the changed state. However I see that _onafterButtonClick does not see the effect of the new state changed by this.setState statement

_onButtonClickDryRun = (data) => {
    this.setState({
      name: data.name,
    });
  this._onafterButtonClick(true); 
  };

_onafterButtonClick = (isDryRun: boolean) => {
 //makes use of this.state.name;
}

asked Jul 19 '17 at 12:39

danish sodhi

1,793
4
21
31

Possible duplicate of [Why calling setState method doesn't mutate the state immediately?](https://stackoverflow.com/questions/42593202/why-calling-setstate-method-doesnt-mutate-the-state-immediately) – Mayank Shukla Jul 19 '17 at 12:43
use callback and write it like this: `_onButtonClickDryRun = (data) => { this.setState({ name: data.name, }, () => { this._onafterButtonClick(true); }) };` – Mayank Shukla Jul 19 '17 at 12:45
you got the solution or still facing the issue? – Mayank Shukla Jul 19 '17 at 12:56
1

Yup that worked for me ! – danish sodhi Jul 19 '17 at 13:03

Calling functions from a function being called on clicking button in react

0 Answers0