在一个react中函数里面传一个函数_开发测试

创始人

2025-01-09 12:35:05

0次

在平时的开发中，为了方便，我们经常会在列表的比如删除、禁用等会弹窗提示用户是否真的要执行这个操作，并且在执行完这个操作后，用户确认ok后，真正去调用对应的接口，此时我们可以给

弹窗函数传入一个回调的方法以供用户确认后执行，不同的操作，传入不同的回调，这样子我们就很方便使用showConfirm这个弹窗方法了
1、test.tsx里面

引入confirm弹窗

2、配置弹窗使用的公共方法，其中callBack是回调函数，会在onOk的时候执行，此时onOk里面也可以把callBack()改写成callBack?.(),就算不传这个参数也不会报错

3、调用弹窗方法，传回调函数

方法一：以下写法传回调函数获取不到数据

因为showConfirm的回调里面是没有接收参数，所以传了过去，那么会默认也是item的值为空，那么再handleBlock也是用的传的item，那么会被认为两个是同一个数据，自然接收到的就是空

（1）传回调函数获取不到item数据

（2）页面查看

发现调用了回调，但是获取不到数据itam

方法二：改为以下写法可获取到数据

因为showConfirm的回调里面是没有接收参数，所以传了空，那么再handleBlock却传了item，那么执行回调的item自然就是当前的item，自然就能获取到值啦。

总结：注意回调传递参数的方法，其实这里相当于使用了闭包

关于"四川微乐自建房... 关于"四川微乐自建房辅助器"四川微乐自建房辅助器(确实真的有挂)1、游戏颠覆性的策略玩法，独创攻略技...

第6分钟了解!山西扣点有没有辅... 1、第6分钟了解!山西扣点有没有辅助器(辅助挂)确实是有挂(详细辅助教程)2、进入游戏-大厅左侧-新...

如何分辨真伪!超级三加一辅助软... 如何分辨真伪!超级三加一辅助软件(辅助挂)总是是有挂(详细辅助AI教程)；支持多人共享记分板与复盘，...

6分钟透视!微乐自建房辅助(辅... 6分钟透视!微乐自建房辅助(辅助挂)科技教程(竟然是有挂)；小薇（透视辅助）致您一封信；亲爱微乐自建...

一秒答解"丫丫陕西插... 一秒答解"丫丫陕西插件"丫丫陕西插件(本来真的是有挂)；暗藏猫腻，小编详细说明丫丫陕西插件原来是有挂...

第8分钟了解!中至赣牌圈挂件价... 第8分钟了解!中至赣牌圈挂件价格明细(辅助挂)都是是有挂(详细辅助神器)；小薇（透视辅助）致您一封信...

玩家必看科普!赣牌圈破解器(辅... 《玩家必看科普!赣牌圈破解器(辅助挂)其实真的有挂(详细辅助技巧教程)》赣牌圈破解器软件透明挂更新...

2分钟辅助器!呗兔辅助怎么样(... 2分钟辅助器!呗兔辅助怎么样(辅助挂)科技教程(起初存在有挂)；小薇（透视辅助）致您一封信；亲爱呗兔...

大神推荐"新世界辅助... 大神推荐"新世界辅助器免费下载"新世界辅助器免费下载(都是有挂)；1、新世界辅助器免费下载机器人多个...

十分钟了解!闲逸碰胡金钟罩(辅... 十分钟了解!闲逸碰胡金钟罩(辅助挂)都是存在有挂(详细辅助软件)1、很好的工具软件，可以解锁游戏的a...