在Ant-Design表格中使用Modal出现遮罩颜色加深问题

在表格中使用Modal是必不可少的,但是这个项目我第一次用Ant开发,遇到了多行数据在点击其中某一个Modal时会出现所有的Modal同时出现,这样子就会出现遮罩颜色变黑,导致页面美观度降低,下面为处理方法:

首先我们渲染到表格的每一条数据我们都能拿到一个ID,我们可以根据当前这个ID去判断是否要显示这个Modal


visible属性值

将visible属性值根据动态值ID去改变,delModalVisible的值为空数组,在触发Modal时将当前数据的ID赋值给delModalVisible


赋值

这样就能实现只显示当前Modal了,遮罩颜色变黑也会消失了。

注意:在每次赋值前必须将delModalVisible的值都置空,不然会出现bug的哦。

以上内容为原创,如需转发或其他使用请注明原作者!!!

以上仅为个人理解,如有写的不正确的地方欢迎各位大佬批评指正!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容