antd如何做到多表单单独验证？

Question

const {getFieldDecorator} = this.props.form;

新手，我在Tabs里分了两个TabPane，分别添加注册和登录表单，同时按官方文档加入了一些校验规则，但是却无法单独校验，就是说当我填完注册的所有需要内容后，由于登录仍存在未填项，还是会提示错误，无法进行下一步动作

解决方案如下：


我重新写了两个Form组件，然后在主modal组件里添加两个Form

Answer 1

写两个组件。每个组件都用Form.create()包裹一下就好了。

Answer 2

因为你点登录和注册按钮的时候同时触发了两个form的校验事件，解决的办法是给两个按钮的点击事件里阻止默认事件，同时手动触发需要校验的表单进行校验