/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 vote265 views1 answer
How to change the tab text in React
Javascript React
2 votes275 views1 answer
React concatenate string and component
Javascript React
4 votes238 views1 answer
Navigating programatically react
Javascript React
17 votes306 views4 answers
React native geolocation
Javascript React
0 vote298 views1 answer
React native float upto 2 digits
Javascript React
0 vote259 views1 answer
Close all function of react in vscode mac
Javascript React
0 vote256 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React
1 vote290 views2 answers
Push state array react
Javascript React
0 vote255 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote261 views1 answer
React native get source maps
Javascript React