/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 vote232 views1 answer
React native application architecture
Javascript React
0 vote154 views1 answer
Set meterial icon color change onClick react
Javascript React
0 vote164 views1 answer
Removing borderline of input in react
Javascript React
0 vote196 views1 answer
React html symbol code
Javascript React
1 vote153 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote150 views1 answer
How to draw a long underline in react native
Javascript React
0 vote155 views1 answer
Reference hook in react
Javascript React
4 votes170 views3 answers
How to add google map in react js
Javascript React
2 votes161 views1 answer
React concatenate string and component
Javascript React
78 votes176 views6 answers
React router redirect
Javascript React