/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

3 votes150 views2 answers
React router active link css
Javascript React
1 vote178 views2 answers
How to get window size in react js
Javascript React
13 votes218 views3 answers
React native conditional rendering
Javascript React
19 votes170 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote171 views3 answers
Unexpected template string expression no-template-curly-in-string react
Javascript React
0 vote176 views1 answer
React convert table to pdf
Javascript React
1 vote162 views1 answer
Input type email react js-validation
Javascript React
5 votes190 views4 answers
How to get url in react
Javascript React
64 votes174 views6 answers
Router react
Javascript React
2 votes304 views2 answers
Export aab react native
Javascript React