正在学习使用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={