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和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...