如何使useEffect异步[关闭]

Question

  useEffect(() => {
    if (names.length !== 0) {
      createName(id);
    }
    getName(id);
  }, [names]);

这里的 createName 和 getName 函数都是一个返回 Promise 的 API 调用。

现在有时，createName 延迟导致 getName 在没有数据的情况下执行。

那么，如何使用 async await 使这个 usEffect 异步？

Answer 1

只需在useEffect 中创建一个异步函数并在之后调用它：

useEffect(() => {
  const asyncFn = async () => {
    if (names.length !== 0) {
      await createName(id);
    }
    getName(id);
  };

  asyncFn();
}, [names]);