/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 vote200 views2 answers
React router dom v6
Javascript React
1 vote212 views1 answer
Node js and react js difference
Javascript React
0 vote157 views2 answers
React filter buttons
Javascript React
22 votes242 views3 answers
How to define array in react js
Javascript React
0 vote233 views1 answer
React native use route undefined
Javascript React
1 vote211 views2 answers
How to use gif in react native
Javascript React
1 vote197 views1 answer
Adding parameters to url react router
Javascript React
0 vote201 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
37 votes157 views5 answers
React sass
Javascript React
4 votes189 views1 answer
Import react icons module
Javascript React