React’s setState method with prevState argument

by

Both signatures can be used, the only difference is that if you need to change your state based on the previous state you should use this.setState(function) which will provide you a snapshot(prevState) from the previous state. But if the change does not rely on any other previous value, then a shorter version is recommended this.setState({prop: newValue})

this.setState(prevState =>{
   return{
        ...prevState,
        counter : prevState.counter + 1
   }
})

this.setState({counter : 2})

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. React useEffect in depth / use of useEffect?
  3. Is useState synchronous? [duplicate]
  4. Await is a reserved word error inside async function
  5. Import JSON file in React
  6. Uncaught ReferenceError: React is not defined
  7. Deprecation warning using this.refs
  8. Updating nested data in redux store
  9. How can I render HTML from another file in a React component?
  10. Accessing event.target inside callback in react
  11. What is prevState in ReactJS?
  12. this.setState is not a function [duplicate]
  13. React-router – How to pass data between pages in React?
  14. React: Passing props to function components
  15. How to sort array of objects based on a boolean property?
  16. React.js: the most efficient way to pass a parameter to an event handler without bind() in a component
  17. render html in state string [duplicate]
  18. React + Firestore : Return a variable from a query
  19. What is “Mounting” in React js?
  20. React Hooks useState+useEffect+event gives stale state
  21. How to add “refs” dynamically with react hooks?
  22. Toggle Class in React
  23. Component won’t update when a redux state change occurs
  24. React: adding props to an existing component
  25. React – Dynamically Import Components
  26. Exporting functions with reactjs and babel
  27. passing data from child to parent component – react – via callback function
  28. FastAPI is not returning cookies to React frontend
  29. React Functional component: calling as function vs. as component
  30. Enzyme simulate an onChange event

Leave a Comment