ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-08-12 01:33:32  阅读:240  来源: 互联网

标签:key 数组 alert2 react 选中 tsx antd change 页面


这两天遇到了一个需求:
页面是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事件里,再重新设置选中数组(这一步是为了完成项目需求)即可

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

以上。

标签:key,数组,alert2,react,选中,tsx,antd,change,页面
来源: https://www.cnblogs.com/hjk1124/p/15130906.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有