/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 vote138 views1 answer
React native get last element of array
Javascript React
-1 vote166 views1 answer
Paypal in react js
Javascript React
0 vote168 views1 answer
React Fractional rating
Javascript React
5 votes150 views1 answer
How to create component in reactjs
Javascript React
2 votes151 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
13 votes155 views4 answers
Passing data in react router history,push
Javascript React
0 vote155 views1 answer
Add active class to button onclick react
Javascript React
1 vote167 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote246 views3 answers
React native version
Javascript React
0 vote151 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React