/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 vote119 views1 answer
Styling scrollview height in react native
Javascript React
0 vote119 views1 answer
Create react portal
Javascript React
3 votes110 views2 answers
React router active link css
Javascript React
3 votes120 views2 answers
Error duplicate resources react native
Javascript React
2 votes131 views3 answers
How to get current date in react js
Javascript React
0 vote128 views1 answer
React native keyboard event listener
Javascript React
3 votes122 views1 answer
React router Link does work
Javascript React
0 vote150 views1 answer
How disabled react-select
Javascript React
0 vote119 views2 answers
React native countdown
Javascript React
0 vote144 views1 answer
How to load a javascript game from react
Javascript React