/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 vote321 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote378 views1 answer
React native swipe screen
Javascript React
0 vote354 views1 answer
Back press subscriptions i is not a function react native
Javascript React
13 votes327 views4 answers
React native elevation
Javascript React
0 vote421 views1 answer
Install react loading spinner
Javascript React
32 votes348 views1 answer
Install react router in react app
Javascript React
6 votes342 views1 answer
Remove yellow warning react native emulator
Javascript React
0 vote347 views1 answer
React live chat widget
Javascript React
0 vote352 views1 answer
React date component with word month
Javascript React
1 vote382 views2 answers
Use state reactjs
Javascript React