/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

2 votes257 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
0 vote196 views3 answers
Flash effect in react native
Javascript React
0 vote247 views1 answer
Horizontal scrollview in react js
Javascript React
26 votes253 views6 answers
React redirect to url
Javascript React
0 vote259 views1 answer
React native undedined map
Javascript React
16 votes232 views2 answers
Where to put background images in react app
Javascript React
2 votes214 views1 answer
How to add react scroll scrollable link
Javascript React
10 votes263 views5 answers
Form react js
Javascript React
0 vote229 views1 answer
React notification
Javascript React
-2 votes213 views1 answer
React timepicker example
Javascript React