关于antd的Form表单问题 antd

Question

form.validateFields中err参数会打印出其他表单message的东西，怎样才能让它跟其它表单不关联呢

form.validateFields((err, fieldsValue) => {
      if (err) return;
      const values = {
        ...fieldsValue,
        updatedAt: fieldsValue.updatedAt && fieldsValue.updatedAt.valueOf(),
      };
    });

Answer 1

说明你表单组件里公用了一个form, 用串了。你可以在单独的组件上使用Form.create)，经Form.create()包装过的组件会自带 this.props.form属性，这样隔离出不同的作用域

Answer 2

首先我想问的是为什么会和其他表单相关联呢？按道理你的Form表单不应该和其他表单有牵连，应该是一个单独的组件，而不是一个组件里嵌套两个表单，validateFields()这个方法会捕获当前组件里所有的Form.Item里面校验的内容。