/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 vote197 views1 answer
A form label must be associated with a control react
Javascript React
1 vote187 views1 answer
React navigation asyncstorage install
Javascript React
126 votes629 views4 answers
React app using npm
Javascript React
1 vote189 views1 answer
React current path
Javascript React
0 vote191 views1 answer
Routing in react jps
Javascript React
0 vote198 views1 answer
How can we update time in react js
Javascript React
16 votes160 views2 answers
React fragment
Javascript React
1 vote204 views2 answers
Flatlist onrefresh react native
Javascript React
-2 votes195 views1 answer
Fc in react
Javascript React
0 vote186 views1 answer
React hero slider
Javascript React