javascript - 我应该在 useEffect 钩子(Hook)中使用 IIFE 吗？

Question

在 useEffect 中使用 IIFE 是好的做法还是我应该声明异步函数然后调用它？

  useEffect(() => {
    (async () => {
      const response = await fetch(
        "https://jsonplaceholder.typicode.com/posts"
      );
      const json = await response.json();

      setPosts(json);
    })();
  });

Answer 1

许多人可能已经知道，您不能将异步函数传递给 React 中的 useEffect Hook 。由于 IIFE 的迂回方式，我们仍然可以

对于我们的 useEffect Hook ，您会看到我们可以通过使用 IIFE 来使用异步等待语法。就是这样。就这么简单。 IIFE 释放了在 useEffect Hook 中使用异步等待语法的潜力。

结论 IIFE 是一种非常强大的 JavaScript 编码实践，可用于许多不同的用例。事实证明，useEffect 也不异常(exception)。