▪️ antd使用Form无法获取item数据


问题:

在使用 antd 开发过程中,在使用 Form 的 validateFields 方法进行数据验证时,发现无法获取表单数据。

原因:

本页面使用了多个 Form,初始化时可能会导致后置 Form 不会被初始化。

解决方法:

在 form props 内添加 key 用于区分。

const recoveryFormProps = {
  form: recoveryForm,
  layout: "vertical",
  requiredMark: false,
  onFinish: recoveryFinish,
  key: "recovery", // 用于表单区分
};

const setPwdFormProps = {
  form: setPwdForm,
  layout: "vertical",
  requiredMark: false,
  validateTrigger: "onBlur",
  key: "password",
};

文章作者: 阿汪同学
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 阿汪同学 !
评论
  目录