/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 vote144 views1 answer
React map gl
Javascript React
0 vote141 views2 answers
Veu js vs angular vs react features
Javascript React
66 votes136 views6 answers
Routing react
Javascript React
2 votes122 views2 answers
React aws s3 npm
Javascript React
0 vote137 views1 answer
Comming soon page in react
Javascript React
0 vote127 views1 answer
My react router Dom learnings
Javascript React
0 vote121 views2 answers
React write into json file
Javascript React
1 vote133 views1 answer
React tostify
Javascript React
0 vote136 views1 answer
React native get navigation bar height
Javascript React
0 vote137 views1 answer
What is react headroom
Javascript React