/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 vote89 views1 answer
Add class to react children
Javascript React
158 votes315 views6 answers
React create app
Javascript React
1 vote138 views3 answers
Sticky footer react
Javascript React
7 votes199 views3 answers
How to route react from laravel
Javascript React
0 vote134 views1 answer
React build size
Javascript React
6 votes130 views2 answers
Hr react
Javascript React
0 vote151 views1 answer
React router v6 lazy suspense
Javascript React
0 vote153 views1 answer
Returned data has p tags react
Javascript React
0 vote157 views1 answer
React roter dom npm
Javascript React
0 vote130 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React