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 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...