问题:
在使用 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",
};