正在学习使用ant design的modal和表单，碰到一个问题。

想要达到的效果是父页面上有多个按钮都需要弹出各自的Modal，每个Modal上有Form，有各自的验证内容。

参考了官方例子写了类似下面的代码

父页面中添加NewOneA和NewOneB两个类：

saveAFormRef= (formRef) => {
        this.formRef = formRef;
}

saveBFormRef= (formRef) => {
        this.formRef = formRef;
}

render() {
    return(
        <NewOneA
            wrappedComponentRef={this.saveAFormRef}
            visible={visibleA}
            onCancel={this.handleCancelA}
            onOK={this.handleOKA}
        />
        <NewOneB
            wrappedComponentRef={this.saveBFormRef}
            visible={visibleB}
            onCancel={this.handleCancelB}
            onOK={this.handleOKB}
        />
    )
}

其中NewOneA 和 NewOneB都是在Modal中的表单
伪代码：

<Modal
    visible={visible}
    title={title}
    onOk={onOK}
    onCancel={onCancel}
>
    <Form>
        <FormItem>
            {getFieldDecorator('author', {
               rules: [{ ... }],
            })(
               <Input />
            )}
        </FormItem>
    </Form>
</Modal>

因为在父页面中，把NewOneA 和 NewOneB的formRef存到同一个this.formRef里了，所以无法正确使用validateFields方法进行校验。

试了一下想把formRef存到两个state里，比如：

 this.setState({ AformRef: formRef });

可是在其他方法里从this.state.AformRef 中取不到值，看来不可行。

请问大家有什么思路可以解决这个问题么？