在一个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，自然就能获取到值啦。

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

七分钟带你发现!四川游戏家园破... 七分钟带你发现!四川游戏家园破解版无限金币(辅助挂)一直是有挂的(有挂分享)-哔哩哔哩；四川游戏家园...

8分钟带你了解!功夫川辅助(辅... 8分钟带你了解!功夫川辅助(辅助挂)一分钟了解外挂开挂辅助下载(果然确实有挂)；功夫川辅助简单的透视...

窍要外挂透视竞技联盟辅助插件，... 窍要外挂透视竞技联盟辅助插件，newpoker怎么安装脚本-哔哩哔哩；无需打开直接搜索微信（1367...

透视真的"创思维激k... 【福星临门，好运相随】；透视真的"创思维激k辅助器"开挂(透视)辅助工具(一贯真的有挂的)-哔哩哔哩...

三分钟带你普及!邯郸胡乐挂(辅... 三分钟带你普及!邯郸胡乐挂(辅助挂)果然真的是有挂(有挂技巧)-哔哩哔哩；小薇（透视辅助）致您一封信...

第六分钟带你了解!牛总管辅助神... 第六分钟带你了解!牛总管辅助神器(辅助挂)每日必看推荐外挂开挂辅助插件(一贯是有挂)；无需打开直接搜...

要领外挂透视大菠萝789辅助器... 要领外挂透视大菠萝789辅助器下载，pokemmo辅助脚本-哔哩哔哩；无需打开直接搜索微信（1367...

玩家必看科普"悦悦娱... 玩家必看科普"悦悦娱乐辅助"开挂(透视)辅助下载(果然真的有挂)-哔哩哔哩;AI辅助机器人普及解说快...

六分钟带你解说!好友赣南辅助器... 《六分钟带你解说!好友赣南辅助器(辅助挂)其实真的是有挂(揭秘有挂)-哔哩哔哩》好友赣南辅助器软件...

5分钟带你了解!微信新九五辅助... 5分钟带你了解!微信新九五辅助(透视挂)揭秘关于外挂开挂辅助插件(原来有挂)；无需打开直接搜索微信（...