/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

28 votes234 views1 answer
Semantic ui dropdown value react
Javascript React
1 vote197 views1 answer
React 360
Javascript React
0 vote230 views1 answer
React key press hook
Javascript React
0 vote222 views1 answer
How to redirect to another page in react js on button click
Javascript React
0 vote219 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote217 views5 answers
React native cache clear
Javascript React
1 vote219 views2 answers
Toast in react native
Javascript React
4 votes224 views1 answer
How to add custom font to react project
Javascript React
0 vote225 views3 answers
Get url parameter in react js
Javascript React
0 vote227 views1 answer
Random word react npm package
Javascript React