/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 vote160 views1 answer
React repeat
Javascript React
0 vote141 views1 answer
Installation de react native maps bibliothèque
Javascript React
5 votes162 views4 answers
How to get url in react
Javascript React
0 vote239 views3 answers
React native version
Javascript React
1 vote157 views1 answer
Reactjs cloudflare
Javascript React
1 vote142 views1 answer
React component key prop
Javascript React
0 vote141 views1 answer
Express react docker container example
Javascript React
-2 votes206 views3 answers
Keyboard dismiss in react native
Javascript React
3 votes168 views1 answer
React hooks delete item from array
Javascript React
1 vote202 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React