/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 vote132 views1 answer
Convert create-react-app to typscript
Javascript React
0 vote133 views1 answer
React locomotive-scroll
Javascript React
-2 votes191 views3 answers
Keyboard dismiss in react native
Javascript React
5 votes179 views1 answer
React native break line text if too big
Javascript React
0 vote140 views1 answer
How to update the react version in next js app
Javascript React
0 vote140 views1 answer
Horizontal cards react bootstrap
Javascript React
15 votes136 views2 answers
Link reload page react
Javascript React
0 vote136 views1 answer
How to download an mp3 file in react native
Javascript React
0 vote136 views1 answer
React native scrollview full height
Javascript React
0 vote144 views1 answer
How to clear text ibput after message sent react native
Javascript React