/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 vote371 views2 answers
React beforeunload
Javascript React
1 vote392 views1 answer
React form reload page
Javascript React
4 votes361 views2 answers
Materialize for react
Javascript React
0 vote347 views1 answer
React simple typewriter
Javascript React
0 vote385 views4 answers
Router react how to pass data to class component
Javascript React
0 vote409 views1 answer
React inject component into another component
Javascript React
0 vote437 views1 answer
Missing script: "start" react
Javascript React
0 vote345 views1 answer
Remove an item from a component in react
Javascript React
0 vote418 views1 answer
React router tutorial medium
Javascript React
1 vote372 views1 answer
React current path
Javascript React