/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 vote351 views1 answer
How to add icon in react js
Javascript React
-1 vote350 views8 answers
React native
Javascript React
16 votes381 views1 answer
React native 0.60.4 xiaomi crashes at open
Javascript React
-1 vote381 views2 answers
React map example leaflets
Javascript React
2 votes380 views1 answer
React allow only numbers in input
Javascript React
1 vote347 views1 answer
React best way of forcing component to update
Javascript React
144 votes587 views6 answers
How to install react js
Javascript React
1 vote379 views1 answer
Put two buttons in a row in react native
Javascript React
1 vote312 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
0 vote367 views1 answer
React index.js file
Javascript React