/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

1 vote183 views1 answer
Adding list items in react
Javascript React
1 vote201 views2 answers
React native time range picker
Javascript React
1 vote181 views1 answer
Firebase react router page not found on page refresh
Javascript React
2 votes193 views1 answer
React native responsive font
Javascript React
13 votes186 views3 answers
ImageBackground in React Native
Javascript React
1 vote187 views1 answer
React-native curved view
Javascript React
0 vote236 views1 answer
React convert table to pdf
Javascript React
0 vote195 views1 answer
Reduce to calculate sum react
Javascript React
2 votes195 views1 answer
React select with react hook form cotroller
Javascript React
142 votes272 views6 answers
Create-react-app
Javascript React