/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 vote137 views0 answer
React
Javascript React
3 votes185 views1 answer
How to call a function in react with arguments onclick
Javascript React
2 votes196 views1 answer
React dynamic import
Javascript React
16 votes197 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
0 vote201 views1 answer
Eslint init settings for ReactJS
Javascript React
28 votes211 views1 answer
Semantic ui dropdown value react
Javascript React
0 vote201 views1 answer
How to add alternate image in img tag in react
Javascript React
24 votes197 views4 answers
React copy to clipboard button
Javascript React
1 vote167 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote292 views7 answers
Convert css box shadow to react native
Javascript React