Request Feature: Add API afterSetState

I want to request a feature.

Could we add an API named afterSetState on class Component.

afterSetState(state){
  return new Promise(resolve=>this.setState(state,resolve));
}

Then ,sometimes we can do something after update state. I do this in my codes . if we use async/await,it’s a better API.

etc:

componentWillMount(){
   this.init();
}

async setPageLoading(isLoading){
    return this.afterSetState({isLoading});
}

async update(){
   await this.setPageLoading(true);
   let data = await fetch('data url'); 
   await this.afterSetState(data);
   //some business...
   await this.setPageLoading(false);
}

async init(){
   await this.update();
   this.adjustSomthingDomRelated();
}

i wish it can be added into react.js in future version.

Promise is not the question.

[bvaughn]

No problem. 😄

I’m going to close this issue. Personally I’m not convinced this is a necessary addition or that it solves any problems not already solved by componentDidUpdate or the setState callback- but if anyone would like to make a case for that- please open a PR in the RFCs repo and let’s see what people think! 😁

[raunofreiberg]

setState accepts a callback function so you could just do

this.setState(
    {
        hello: "Hello World"
    },
    () => {
        // your callback code here
    }
);