/Javascript/React/React make setstate synchronous

React make setstate synchronous

class MyComponent extends React.Component {

    function setStateSynchronous(stateUpdate) {
        return new Promise(resolve => {
            this.setState(stateUpdate, () => resolve());
        });
    }

    async function foo() {
        // state.count has value of 0
        await setStateSynchronous(state => ({count: state.count+1}));
        // execution will only resume here once state has been applied
        console.log(this.state.count);  // output will be 1
    }
}

Source: stackoverflow.com

Similar codes

0 vote292 views1 answer
React-native-cli remove
Javascript React
4 votes351 views2 answers
React usememo vs usecallback
Javascript React
0 vote275 views1 answer
React native layout animation android
Javascript React
0 vote284 views6 answers
State functions of react cheatsheet
Javascript React
0 vote288 views5 answers
React native cache clear
Javascript React
0 vote288 views2 answers
React js http post 500 internal server error
Javascript React
9 votes244 views4 answers
Firebase' is not defined no-undef react
Javascript React
0 vote281 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript React
0 vote313 views1 answer
Settimeout react native focus text input
Javascript React
0 vote297 views1 answer
React content loader
Javascript React