react+tsx+antd关于表单二次弹框

本文主要是介绍react+tsx+antd关于表单二次弹框，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

这两天遇到了一个需求：
页面是table，点击pageBtn会弹出alert1，alert1仅会回显页面中被选中的项，alert有一个添加按钮，点击添加按钮会回显alert2，alert2是一个表格，回显与页面一样的数据，但是有个需求：alert2必须一个默认选中项，这个默认选中项标识了页面中被选中的那一项，且alert2表格被选中时，页面不能跟随发生变化

网上看了好多好多相关的解决办法，但是都无法完成我的需求，因为要与页面共享同一个选中key数组，但是在alert2发生change事件时，又不能与页面1同时发生change事件(产品出来挨打！)，于是想了一个比较折衷的办法

很简单，同时声明四个数组分别对应page页被选中的key，选中的数组，alert2被选中的key，被选中的数组，在页面触发change事件时，同时将四个数组设值，然后在alter2的表格配置里，分别将alter2 key[], alter2 seleted[]填充进去，这样就可以完成相关需求了

然后在表格的change事件里，再重新设置选中数组(这一步是为了完成项目需求)即可

今天太晚了，如果有不明白的欢迎私信

以上。

这篇关于react+tsx+antd关于表单二次弹框的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！