/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 vote207 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote217 views1 answer
React native multiline cursor on first line
Javascript React
0 vote218 views1 answer
Connect react with database server
Javascript React
1 vote224 views1 answer
SFC in react
Javascript React
19 votes204 views3 answers
React Hooks append state
Javascript React
5 votes232 views1 answer
Deploy react js heroku
Javascript React
2 votes214 views1 answer
React check if focused
Javascript React
133 votes394 views5 answers
Npx create-react-app
Javascript React
111 votes201 views6 answers
Install bootstrap in react
Javascript React
0 vote193 views1 answer
React actions sintaxe
Javascript React