How to call an async function inside a UseEffect() in React?

by

Create an async function inside your effect that wait the getData(1) result then call setData():

useEffect(() => {
  const fetchData = async () => {
     const data = await getData(1);
     setData(data);
  }

  fetchData();
}, []);

More Related Contents:

  1. State not updating when using React state hook within setInterval
  2. Why do we need middleware for async flow in Redux?
  3. Make React useEffect hook not run on initial render
  4. Push method in React Hooks (useState)?
  5. React useEffect in depth / use of useEffect?
  6. Wrong React hooks behaviour with event listener
  7. Reactjs async rendering of components
  8. What the difference of this.state and this.setstate in ReactJS?
  9. How to call loading function with React useEffect only once
  10. How to async await in react render function?
  11. How to use componentWillMount() in React Hooks?
  12. Is it possible to share states between components using the useState() hook in React?
  13. react useEffect comparing objects
  14. React useState hook event handler using initial state
  15. What’s the difference between `useRef` and `createRef`?
  16. React useEffect causing: Can’t perform a React state update on an unmounted component
  17. How does JavaScript mechanism behind react hooks work?
  18. What is useState() in React?
  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. Proper way of using React hooks + WebSockets
  25. Uncaught Invariant Violation: Rendered more hooks than during the previous render
  26. React Hook “useEffect” is called conditionally
  27. What are the differences when re-rendering after state was set with Hooks compared to the class-based approach?
  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