/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 vote198 views1 answer
Create react element with string
Javascript React
3 votes234 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote267 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
0 vote241 views1 answer
Mock createRef jest react functional component
Javascript React
-1 vote256 views1 answer
React_Weather_App
Javascript React
0 vote269 views3 answers
Get url parameter in react js
Javascript React
6 votes289 views2 answers
String to html javascript react
Javascript React
0 vote278 views1 answer
Sanity react
Javascript React
1 vote249 views2 answers
React native modal
Javascript React
0 vote254 views1 answer
React native sectionlist filter
Javascript React