/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 vote106 views1 answer
React native text input number only
Javascript React
0 vote102 views1 answer
React hook form reset only one field
Javascript React
13 votes84 views1 answer
Reactdom' is not defined
Javascript React
0 vote172 views1 answer
How to print an array inside another array in react
Javascript React
0 vote101 views1 answer
React native map repeate
Javascript React
1 vote117 views3 answers
React toggle state
Javascript React
0 vote100 views1 answer
React native webview disable touch
Javascript React
0 vote114 views1 answer
Formdata append react js
Javascript React
0 vote100 views1 answer
Expo cli vs react native cli
Javascript React
0 vote99 views1 answer
Switch react router
Javascript React