/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 vote126 views1 answer
Load all icon from a folder in react
Javascript React
15 votes126 views3 answers
Loop over a nerber in react
Javascript React
1 vote120 views2 answers
React check internet connection
Javascript React
1 vote137 views1 answer
How to set state when change viewport react
Javascript React
0 vote127 views1 answer
Get status bar height react native
Javascript React
5 votes115 views1 answer
React-select
Javascript React
0 vote227 views1 answer
Canvas js in react
Javascript React
68 votes126 views4 answers
Inline style react
Javascript React
6 votes132 views2 answers
How do I conditionally add attributes to React components?
Javascript React
1 vote119 views1 answer
React native android padding style
Javascript React