在异步 function 之前反应 usestate setvalue

Question

第一次尝试反应上下文 api。 这是我使用上下文 api 的反应代码

  const [valChanged, setValChanged] = useState(false);

  async function modalSave() {
    await setValChanged(true);// STEP 1
    await onEventSave();// This involves saving values to backend (async) STEP 2
  }

onEventSave() 异步操作依赖于上一步的 valChanged 值，因此必须在调用 onEventSave 之前将其设置为 true。 （在调用 STEP 2 之前，必须完成步骤 1 并将其值设置为 true）

这里有什么遗漏吗？

Answer 1

如果你使用钩子，没有setState回调 function，所以你可以用useEffect ，像这样：

useEffect(() => {
    onEventSave();
},[valChanged]);

每当更改valChanged时，都会调用上述 function