在一个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、第三分钟了解!潮汕雀友百度贴吧辅助软件(辅助挂)总是是有挂(详细辅助教程)；详细教程。2、潮汕雀...

揭秘真相"邳州友友辅... 揭秘真相"邳州友友辅助软件"邳州友友辅助软件(一直真的是有挂)；1、玩家可以在邳州友友辅助软件软件透...

六分钟有挂!皇豪互众控制系统下... 六分钟有挂!皇豪互众控制系统下载(辅助挂)AI教程(其实是真的有挂)1）皇豪互众控制系统下载辅助挂：...

技术分享!欢聚水鱼神器(辅助挂... 1、技术分享!欢聚水鱼神器(辅助挂)最初是有挂(详细辅助2025新版教程)。2、欢聚水鱼神器透视辅助...

9分钟了解!鸿狐拼十辅助(辅助... 9分钟了解!鸿狐拼十辅助(辅助挂)一直真的是有挂(详细辅助教程)关于鸿狐拼十辅助机制的，其中提到了后...

分享一款"丽水都莱破... 分享一款"丽水都莱破解器是真的"丽水都莱破解器是真的(一贯有挂)；1、用户打开应用后不用登录就可以直...

第6分钟辅助!吉安小程序中至游... 您好，吉安小程序中至游戏辅助这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多...

推荐十款!陕麻圈有辅助吗(辅助... 推荐十款!陕麻圈有辅助吗(辅助挂)往昔真的有挂(详细辅助介绍教程)；陕麻圈有辅助吗软件透明挂作为一款...

第9分钟了解!掌心辅助插件(辅... 《第9分钟了解!掌心辅助插件(辅助挂)切实真的是有挂(详细辅助方法)》掌心辅助插件软件透明挂更新公...

9分钟辅助!余干中至五十k有挂... 9分钟辅助!余干中至五十k有挂装吗(辅助挂)德州教程(固有有挂)是一款可以让一直输的玩家，快速成为一...