/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 vote412 views1 answer
Create loop to specific length react
Javascript React
0 vote407 views1 answer
Array map order by timestamp reactjs
Javascript React
4 votes387 views2 answers
React get url params in class component
Javascript React
0 vote395 views1 answer
Installe datatable to reactjs project
Javascript React
1 vote413 views1 answer
React native metro api level 30
Javascript React
0 vote424 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
-1 vote370 views1 answer
History of react js
Javascript React
15 votes378 views1 answer
Reducer in react example
Javascript React
3 votes466 views3 answers
How to uninstall react native cli globally
Javascript React
0 vote398 views1 answer
HandleClickoutside custom hook react
Javascript React