/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

12 votes262 views3 answers
Vs code emmet for html in react
Javascript React
0 vote203 views1 answer
Add two export in same page react
Javascript React
0 vote213 views1 answer
The email address is badly formatted react
Javascript React
0 vote219 views4 answers
Reactnative sliding image
Javascript React
0 vote209 views1 answer
React native set default ios simulator
Javascript React
1 vote247 views1 answer
Image touchable opacity react native
Javascript React
2 votes295 views5 answers
How to import in react js
Javascript React
0 vote211 views1 answer
Add image to ag-grid with react
Javascript React
2 votes248 views3 answers
Linear gradient reactjs
Javascript React
0 vote231 views1 answer
Edit json text react
Javascript React