onValuesChange里的 form.validateFields 一直 catch errors

Michael_Cheng_09

于 2023-02-13 22:00:40 发布

阅读量989

点赞数 2

CC 4.0 BY-SA版权

文章标签： node.js

本文链接：https://blog.youkuaiyun.com/zihang_cheng/article/details/129017994

当onValuesChange触发时，其执行顺序在validation之前，这会导致validateFields方法出错并返回outOfDate为true。为了解决这个问题，文章提出了使用setTimeout包裹validateFields调用，确保在正确的时机执行验证操作，从而避免错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为 onValuesChange 的执行总是在 validation 之前，所以 validateFields 会报错且 outOfDate 显示 true，解决办法加 setTimeout

const valueChange = () => {
    setTimeout(() => {
      form
        .validateFields(["name", "age"])
        .then((res) => console.log("res", res))
        .catch((err) => console.log("err", err));
    });
  };

<Form form={form} onValuesChange={valueChange}>
...
</Form>