/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 vote388 views1 answer
React native svg size
Javascript React
0 vote417 views1 answer
How to use adminlte in reacts
Javascript React
3 votes370 views1 answer
React on hover reveal
Javascript React
32 votes358 views2 answers
Npm react router dom@5
Javascript React
1 vote392 views1 answer
How to connect socket in react js
Javascript React
2 votes404 views1 answer
React onclick type
Javascript React
4 votes379 views2 answers
Materialize for react
Javascript React
0 vote391 views1 answer
How to link t settings react native ios
Javascript React
2 votes470 views1 answer
Cursor to pointer in react
Javascript React
0 vote433 views1 answer
React native undedined map
Javascript React