/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

1 vote342 views2 answers
React js alert popup example
Javascript React
0 vote351 views1 answer
React chart js 2 api data
Javascript React
114 votes361 views3 answers
React init
Javascript React
0 vote324 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
0 vote321 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote333 views1 answer
Image background full width react
Javascript React
0 vote324 views1 answer
About react frame
Javascript React
45 votes344 views4 answers
Can't resolve 'react-router-dom'
Javascript React
0 vote331 views2 answers
React materialize cdn
Javascript React
4 votes345 views1 answer
React props.children proptype
Javascript React