Why is setState in reactjs Async instead of Sync?

by

You can call a function after the state value has updated:

this.setState({foo: 'bar'}, () => { 
    // Do something here. 
});

Also, if you have lots of states to update at once, group them all within the same setState:

Instead of:

this.setState({foo: "one"}, () => {
    this.setState({bar: "two"});
});

Just do this:

this.setState({
    foo: "one",
    bar: "two"
});

More Related Contents:

  1. Why do we need middleware for async flow in Redux?
  2. Understanding the Event Loop
  3. Reactjs async rendering of components
  4. What the difference of this.state and this.setstate in ReactJS?
  5. How to async await in react render function?
  6. How to call an async function inside a UseEffect() in React?
  7. Does async programming mean multi-threading?
  8. How do I access store state in React Redux?
  9. Use Async/Await with Axios in React.js
  10. Why is node.js asynchronous?
  11. How do I return the response from an Observable/http/async call in angular?
  12. How to return value from an asynchronous callback function? [duplicate]
  13. Why calling setState method doesn’t mutate the state immediately?
  14. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  15. TypeError: _firebase__WEBPACK_IMPORTED_MODULE_2__.default.collection is not a function
  16. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  17. Uncaught TypeError: Cannot read property ‘push’ of undefined (React-Router-Dom)
  18. onClick works but onDoubleClick is ignored on React component
  19. Is componentDidMount of parent called after all componentDidMount of children?
  20. Error “Error: A is only ever to be used as the child of element”
  21. Retrieving value from with multiple option in React
  22. Images not loading when relative path is used in React
  23. Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await
  24. Can’t call setState on a component that is not yet mounted
  25. Wait for image to be loaded before going on
  26. Redux Presentational Components Vs Container Component
  27. How to properly use useHistory () from react-router-dom?
  28. React Error: “SharedArrayBuffer is not defined” in Firefox
  29. How to set iframe content of a react component
  30. How should I alternate componentWillMount()?

Leave a Comment