/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

16 votes62 views2 answers
React fragment
Javascript React
0 vote67 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote96 views2 answers
Hosting react on gh pages
Javascript React
0 vote110 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
0 vote120 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
2 votes110 views4 answers
Date range picker react
Javascript React
-1 vote98 views7 answers
How to trim dates in react
Javascript React
9 votes107 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
8 votes111 views4 answers
Get react version
Javascript React
0 vote113 views1 answer
Settimeout react native focus text input
Javascript React