Why is useState not triggering re-render?

by

You’re calling setNumbers and passing it the array it already has. You’ve changed one of its values but it’s still the same array, and I suspect React doesn’t see any reason to re-render because state hasn’t changed; the new array is the old array.

One easy way to avoid this is by spreading the array into a new array:

setNumbers([...old])

More Related Contents:

  1. State not updating when using React state hook within setInterval
  2. Make React useEffect hook not run on initial render
  3. Push method in React Hooks (useState)?
  4. React useEffect in depth / use of useEffect?
  5. Is useState synchronous? [duplicate]
  6. Wrong React hooks behaviour with event listener
  7. How to call loading function with React useEffect only once
  8. How to use componentWillMount() in React Hooks?
  9. Is it possible to share states between components using the useState() hook in React?
  10. Where can I make API call with hooks in react?
  11. Multiple calls to state updater from useState in component causes multiple re-renders
  12. What’s the difference between `useRef` and `createRef`?
  13. How can I force a component to re-render with hooks in React?
  14. Executing async code on update of state with react-hooks
  15. React useEffect causing: Can’t perform a React state update on an unmounted component
  16. How to change the value of a Context with useContext?
  17. How to programmatically clear/reset React-Select?
  18. React Hooks Error: Hooks can only be called inside the body of a function component
  19. React – useState – why setTimeout function does not have latest state value?
  20. What does useCallback/useMemo do in React?
  21. React Hooks useState+useEffect+event gives stale state
  22. How to add “refs” dynamically with react hooks?
  23. Do we still need functional setState way in react hooks?
  24. Why can’t React Hooks be called inside loops or nested function?
  25. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  26. React Hook “useEffect” is called conditionally
  27. Equivalent to componentDidUpdate using React hooks
  28. Performance penalty of creating handlers on every render with react-hooks
  29. Function inside functional component in React hooks – Performance
  30. Why would we use useEffect without a dependency array?

Leave a Comment