Do we still need functional setState way in react hooks?

by

Yes, the behavior is similar.

React is batching the updates calls.
When Writing:

const handleClick = () => setCount(count + 1)
handleClick()
handleClick()
handleClick()

the count in state will be 1

When Writing:

const handleClick = () =>
  setCount(prevCount => {
    return prevCount + 1;
});
handleClick()
handleClick()
handleClick()

the count in state will be 3

More Related Contents:

  1. Where can I make API call with hooks in react?
  2. How to register event with useEffect hooks?
  3. How can I force a component to re-render with hooks in React?
  4. How to prevent re-rendering of components that have not changed?
  5. What is useState() in React?
  6. react similar JavaScript library [closed]
  7. What is component in reactjs?
  8. How to create a translucent in React Native?
  9. The useState set method is not reflecting a change immediately
  10. if-else statement inside jsx: ReactJS
  11. How can I use React hooks in React classic `class` component?
  12. Why is useState not triggering re-render?
  13. Updating and merging state object using React useState() hook
  14. Adding new data to firebase users
  15. componentDidMount equivalent on a React function/Hooks component?
  16. Is there a generic way to set state in React Hooks? How to manage multiple states?
  17. How do I update states `onChange` in an array of object in React Hooks
  18. React Function Components with hooks vs Class Components
  19. React Native: Getting the position of an element
  20. React Hooks – What’s happening under the hood?
  21. useEffect does not listen for localStorage
  22. setTimeout for this.state vs useState
  23. Why need useRef and not mutable variable?
  24. Next.js context provider wrapping App component with page specific layout component giving undefined data
  25. Updating state to the same state directly in the component body
  26. Proper way of using React hooks + WebSockets
  27. React hook useEffect runs continuously forever/infinite loop
  28. How can I dispatch function in redux?
  29. stop dragging after a limit has reached
  30. Equivalent to componentDidUpdate using React hooks

Leave a Comment