/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 vote189 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
0 vote196 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
1 vote174 views1 answer
Expo update react native
Javascript React
0 vote184 views1 answer
React deployment pipeline
Javascript React
1 vote219 views1 answer
Reactjs get checkbox value
Javascript React
0 vote199 views1 answer
Settimeout react native focus text input
Javascript React
0 vote183 views1 answer
Installation de react native maps bibliothèque
Javascript React
0 vote193 views1 answer
Make a button who disable scrolling down the page react
Javascript React
2 votes213 views2 answers
Discord.js remove reaction
Javascript React
0 vote270 views1 answer
Text input underline react native
Javascript React