/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 vote199 views1 answer
Add React Router to React Redux CRUD App
Javascript React
1 vote206 views1 answer
"react native" component dynamic children props
Javascript React
2 votes192 views2 answers
Capture enter button react input
Javascript React
0 vote207 views1 answer
React dropdown search bar
Javascript React
7 votes196 views3 answers
How to update a state with an array react
Javascript React
-1 vote193 views1 answer
Import ReactDOM from "react-dom";
Javascript React
0 vote197 views2 answers
React social login button
Javascript React
0 vote193 views1 answer
How to remove console.log from react native app
Javascript React
0 vote221 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote194 views1 answer
Disable key enter react-hook-form
Javascript React