/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 vote209 views1 answer
React native scrollview full height
Javascript React
1 vote222 views1 answer
React admin newrecords.foreach is not a function
Javascript React
0 vote223 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
0 vote258 views1 answer
How to add carsoul to react project
Javascript React
0 vote231 views1 answer
V4 history for react action or api calls
Javascript React
9 votes242 views2 answers
Html emmet in react vscode
Javascript React
0 vote197 views2 answers
Add typescript to react-native
Javascript React
0 vote193 views1 answer
Shallow render in react
Javascript React
2 votes247 views1 answer
React native open email client expo
Javascript React
0 vote217 views1 answer
How to add icon in react
Javascript React