/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 vote148 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote122 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
1 vote122 views2 answers
React select disable option
Javascript React
0 vote133 views1 answer
React select remove the loading indicator
Javascript React
0 vote132 views2 answers
React native bottom sheet example
Javascript React
-1 vote124 views1 answer
React-native run-ios command
Javascript React
13 votes140 views5 answers
React native setup
Javascript React
1 vote78 views1 answer
How to change the value of state in react
Javascript React
2 votes115 views1 answer
React native cover image in parent view
Javascript React
0 vote199 views1 answer
./node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.js
Javascript React