/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

112 votes367 views10 answers
React
Javascript React
0 vote342 views2 answers
Why navlink in react router always active
Javascript React
0 vote323 views1 answer
Button with icon react native ui
Javascript React
0 vote277 views3 answers
Router dom react v6
Javascript React
1 vote279 views1 answer
How to use array of object in react
Javascript React
0 vote305 views1 answer
Rngesturehandlermodule.default.direction react native
Javascript React
0 vote302 views1 answer
Why is necessary to run react-native run
Javascript React
5 votes324 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
9 votes303 views2 answers
How to redirect react router from the app components
Javascript React
0 vote329 views1 answer
How to run electron and react using concurrently
Javascript React