/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

21 votes310 views6 answers
React native vector icons
Javascript React
0 vote324 views1 answer
React-native firebase v9+ config
Javascript React
2 votes322 views3 answers
Linear gradient reactjs
Javascript React
2 votes314 views2 answers
React google maps
Javascript React
0 vote423 views1 answer
How to set the id attr to a var in reactjs
Javascript React
0 vote348 views1 answer
Different ways to write react file paths
Javascript React
0 vote344 views1 answer
Ng-class equivalent in react
Javascript React
0 vote311 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote318 views1 answer
Detecting change in animated value react native
Javascript React
0 vote309 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React