/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 vote340 views1 answer
@tippyjs/react
Javascript React
0 vote313 views1 answer
Asp.net core react server session
Javascript React
0 vote277 views1 answer
Fixed menu reactjs
Javascript React
0 vote337 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
1 vote318 views1 answer
React material ui classname
Javascript React
0 vote309 views1 answer
Gradle error react native
Javascript React
0 vote408 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote309 views1 answer
Spring reactive web client throw exception test
Javascript React
8 votes298 views3 answers
React js props
Javascript React
0 vote313 views1 answer
Image continuous changing div react
Javascript React