/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 vote241 views1 answer
Reactjs join two array
Javascript React
1 vote236 views1 answer
React scroll to bottom of div
Javascript React
0 vote229 views1 answer
Styling scrollview height in react native
Javascript React
2 votes407 views2 answers
Select option in reactive forms
Javascript React
0 vote257 views1 answer
React clear input after button click
Javascript React
4 votes238 views1 answer
Import react icons module
Javascript React
1 vote249 views1 answer
How to share file from react native
Javascript React
3 votes251 views2 answers
React native width auto
Javascript React
0 vote254 views1 answer
React Update a label when rate moves
Javascript React
0 vote251 views2 answers
Get selected value on componentdidmount reactjs
Javascript React