如何通过重用单个组件在单个页面中使用多个antd模态?

问题描述 投票:0回答:1

我已经在页面上创建了一个antd表。在表格行中,我提供了一个编辑选项。编辑选项基本上是一个图标,它会打开一个带有表单的模式。

当用户单击模式的提交按钮时,将提交表单并编辑该字段。

问题

我的问题是,如果我使用redux全局管理状态,则单击一个编辑图标,所有模态将一起打开所有表行。但是我不想要这样。我想创建一个模态组件,并将一个表单作为子项传递,并在提交表单时关闭模态。我使用CreateRef来更改子组件的状态,但无法实现我想要的功能。

reactjs redux antd react-component
1个回答
0
投票
[<Modal>应该是App内部的一个单独的组件,因此在整个<Modal>中只能显示单个App实例
© www.soinside.com 2019 - 2024. All rights reserved.