How to call loading function with React useEffect only once

by

If you only want to run the function given to useEffect after the initial render, you can give it an empty array as second argument.

function MyComponent() {
  useEffect(() => {
    loadDataOnlyOnce();
  }, []);

  return <div> {/* ... */} </div>;
}

More Related Contents:

  1. The useState set method is not reflecting a change immediately
  2. State not updating when using React state hook within setInterval
  3. Make React useEffect hook not run on initial render
  4. Push method in React Hooks (useState)?
  5. How can I use React hooks in React classic `class` component?
  6. How to use componentWillMount() in React Hooks?
  7. Is it possible to share states between components using the useState() hook in React?
  8. Updating and merging state object using React useState() hook
  9. componentDidMount equivalent on a React function/Hooks component?
  10. react useEffect comparing objects
  11. React 18, useEffect is getting called two times on mount
  12. React useState hook event handler using initial state
  13. How do I update states `onChange` in an array of object in React Hooks
  14. React useEffect causing: Can’t perform a React state update on an unmounted component
  15. useEffect does not listen for localStorage
  16. setTimeout for this.state vs useState
  17. How does JavaScript mechanism behind react hooks work?
  18. What is useState() in React?
  19. Why need useRef and not mutable variable?
  20. React – useState – why setTimeout function does not have latest state value?
  21. Determine which dependency array variable caused useEffect hook to fire
  22. What does useCallback/useMemo do in React?
  23. Updating state to the same state directly in the component body
  24. Do we still need functional setState way in react hooks?
  25. Proper way of using React hooks + WebSockets
  26. React hook useEffect runs continuously forever/infinite loop
  27. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  28. Equivalent to componentDidUpdate using React hooks
  29. Performance penalty of creating handlers on every render with react-hooks
  30. Why would we use useEffect without a dependency array?

Leave a Comment