/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

-2 votes63 views2 answers
React gsap
Javascript React
0 vote121 views1 answer
Saving react code messing up in vsc
Javascript React
0 vote117 views1 answer
Button with icon react native ui
Javascript React
0 vote109 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
0 vote108 views1 answer
React native shadow maker
Javascript React
0 vote118 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote86 views1 answer
Remove an item from a component in react
Javascript React
0 vote107 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
2 votes113 views1 answer
How to import lodash in react
Javascript React
2 votes118 views2 answers
Prevent a page from refreshing in react
Javascript React