javascript - 如何在useEffect中使代码同步

Question

我知道不建议创建添加异步到 useEffect 但如何确保我的功能在继续之前完全完成

这是我的代码

useEffect(
   () => {
         const RetrieverDataProcess = async () => {
             const GetMainListResults = await GetMainList(FORMSTATUS.ID);
             setMAINOBJECT(GetMainListResults); //useState
             console.log(2)
         }

         console.log(1);
         RetrieverDataProcess();
         console.log(99);

    }, [])

如果我在控制台中运行它会显示

1

99

2

我希望它

1

2

99

Answer 1

您这样做是因为您希望在准备执行 console.log(99) 时设置 MAINOBJECT 状态属性吗？

如果是这样，您可以做的一件事是使用额外的 useEffect Hook ，该 Hook 仅在状态属性 MAINOBJECT 更新时执行:

useEffect(() => {
  if (MAINOBJECT) {
    console.log(99);
  }
}, [MAINOBJECT]);