/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 vote353 views2 answers
Add typescript to react-native
Javascript React
0 vote364 views1 answer
Use this in a react js component
Javascript React
8 votes319 views4 answers
Props react
Javascript React
1 vote372 views1 answer
Two button in one row react native
Javascript React
1 vote343 views1 answer
React native android padding style
Javascript React
0 vote329 views1 answer
Active link color different in react js
Javascript React
0 vote373 views1 answer
How to start react project on atom
Javascript React
0 vote371 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
18 votes374 views3 answers
Add material ui to react
Javascript React
23 votes351 views4 answers
Change port react app
Javascript React