/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

4 votes365 views3 answers
Visual studio code create react component shortcut
Javascript React
0 vote389 views2 answers
Toastify react not working
Javascript React
-1 vote363 views1 answer
New Map() collection in react state
Javascript React
5 votes368 views2 answers
Onclick multiple functions react
Javascript React
2 votes405 views1 answer
React dynamic import
Javascript React
0 vote339 views1 answer
Npm i react-use-navigator-permissions
Javascript React
6 votes353 views2 answers
UseHistory react-router-dom
Javascript React
0 vote379 views1 answer
Zeamster examples react node
Javascript React
1 vote368 views1 answer
React next alias import
Javascript React
0 vote315 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React