/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 vote136 views1 answer
React native get current time
Javascript React
0 vote118 views1 answer
React native diasble view
Javascript React
0 vote158 views1 answer
How to go to settings on next click in react native
Javascript React
-1 vote117 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote142 views1 answer
How to hide footer in specefic pages in react router
Javascript React
0 vote133 views1 answer
Using RN BootSplash with React Navigation
Javascript React
1 vote135 views1 answer
Axios upload progress react
Javascript React
1 vote135 views1 answer
React native android padding style
Javascript React
-1 vote138 views1 answer
What is the use of consrtructors in reactjs
Javascript React
0 vote171 views1 answer
React native run on specific emulator
Javascript React