/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

5 votes243 views1 answer
React native backgrunde img
Javascript React
133 votes323 views6 answers
Create react project
Javascript React
-2 votes246 views2 answers
React native text align vertical center
Javascript React
2 votes229 views1 answer
React native responsive font
Javascript React
1 vote223 views1 answer
React does not recognize the `activeClassName` prop on a DOM element
Javascript React
0 vote187 views3 answers
Flash effect in react native
Javascript React
0 vote227 views1 answer
React export multiple component from index.js
Javascript React
0 vote219 views1 answer
React component visibility
Javascript React
0 vote214 views1 answer
React strap documentation
Javascript React
0 vote225 views1 answer
React tooltip doesn't work
Javascript React