Infinite loop in useEffect

by

Passing an empty array as the second argument to useEffect makes it only run on mount and unmount, thus stopping any infinite loops.

useEffect(() => {
  setIngredients({});
}, []);

This was clarified to me in the blog post on React hooks at https://www.robinwieruch.de/react-hooks/

More Related Contents:

  1. How to fix missing dependency warning when using useEffect React Hook
  2. How to compare oldValues and newValues on React Hooks useEffect?
  3. Does React batch state update functions when using hooks?
  4. React-hooks. Can’t perform a React state update on an unmounted component
  5. With useEffect, how can I skip applying an effect upon the initial render?
  6. React useState cause double rendering
  7. React Hook : Send data from child to parent component
  8. Line 0: Parsing error: Cannot read property ‘map’ of undefined
  9. In general is it better to use one or many useEffect hooks in a single component? [closed]
  10. React hooks useEffect only on update?
  11. Cannot read property ‘history’ of undefined (useHistory hook of React Router 5)
  12. Set types on useState React Hook with TypeScript
  13. Stop useEffect from running on mount
  14. useNavigate() may be used only in the context of a component
  15. Testing React components that fetches data using Hooks
  16. React Hooks: useEffect() is called twice even if an empty array is used as an argument
  17. Lazy initial state – What it is and how to use it?
  18. React Hooks: how to wait for the data to be fetched before rendering
  19. Does a render happen before function in React Hooks useEffect is called?
  20. React Hooks – Modified state not reflecting immediately
  21. React Hooks – Modified state not reflecting immediately
  22. React Hooks: Why is .current null for useRef Hook?
  23. is it possible to React.useState(() => {}) in React?
  24. How to test a react component that is dependent on useContext hook?
  25. What is the expected return of `useEffect` used for?
  26. ReactJS – prevState in the new useState React hook?
  27. Property ‘value’ does not exist on type ‘never’. when use useRef hook in mui
  28. How to create dynamic refs in functional component- Using useRef Hook
  29. Put A Warning If Page Refresh in ReactJS
  30. React – Is useState ‘s setter function able to change?

Leave a Comment