← React Intermediate Questions - Set 8 Q75

How do you handle async operations in React?

React Intermediate Questions - Set 8

Example

1
2
3
4
5

useEffect(() => {
  let cancelled = false;
  load().then(r => { if (!cancelled) setData(r); });
  return () => { cancelled = true; };
}, [id]);

What to notice

• Effects cannot be async themselves — the async function lives inside.