React赋值后异步更新的问题解决——2022-07-19

问题复现：点击“编辑”后弹出弹框反显，此时圈出区域已经赋值了，但始终显示的是上一次的结果，就导致第一次打开弹框时为空。如下图

 

如果赋值没问题，那就是更新的问题，存在异步更新。

解决方式：用useEffect()副作用设置更新的条件。

  useEffect(() => {
    if (checkedPosition !== []) {
      form.setFieldsValue({
        positiondata: checkedPosition,
      });
    }
  }, [checkedPosition]);