/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 vote355 views1 answer
React native stylesheet shortcut
Javascript React
0 vote341 views1 answer
How to add base url as src in react native
Javascript React
0 vote326 views1 answer
How to use mdbreact in react js
Javascript React
0 vote378 views1 answer
How to add icon in react
Javascript React
0 vote328 views2 answers
React 17 hot reload not working
Javascript React
2 votes330 views1 answer
How to see if a web site is useing react
Javascript React
0 vote360 views1 answer
Reactjs function exemple useEffect
Javascript React
5 votes371 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
9 votes330 views2 answers
React native hide yellow box
Javascript React
8 votes329 views1 answer
Ternary operator in button react
Javascript React