Javascript

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关于表单二次弹框的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!