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

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

玩家必看教程!透视挂！新久情a... 玩家必看教程!透视挂！新久情ai智能透视挂神器app，新久情外卦神器软件妙招（有辅助挂解惑）；新久情...

攻略讲解开挂！千众部落ai智能... 您好，千众部落这款游戏可以开挂的，确实是有挂的，需要了解加微【485275054】很多玩家在这款游戏...

玩家必备科技!辅助挂！牛欢喜a... 玩家必备科技!辅助挂！牛欢喜ai智能辅助挂插件app，牛欢喜确实真的有挂手筋（有辅助挂方式）是一款可...

教你攻略辅助器！星远互娱3ai... 教你攻略辅助器！星远互娱3ai智能辅助器软件app，星远互娱3破解软件要领（有辅助挂解惑）；星远互娱...

一起来探讨开挂！闲玩娱乐葫芦鱼... 一起来探讨开挂！闲玩娱乐葫芦鱼ai智能开挂助手app，闲玩娱乐葫芦鱼到底有挂吗指南（有辅助挂助手）;...

切实教程透视挂！新河马互娱ai... 您好：新河马互娱这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好...

新版2025教程辅助挂！新漫游... 新版2025教程辅助挂！新漫游ai智能辅助挂平台app，新漫游有挂么辅助窍要（有辅助挂详细）；1、新...

分享一款辅助！火爆欢盈娱乐ai... 分享一款辅助！火爆欢盈娱乐ai智能辅助软件app，火爆欢盈娱乐到底有挂吗法门（有辅助挂助手）;亲，有...

让我来分享经验透视挂！红桃互娱... 让我来分享经验透视挂！红桃互娱ai智能透视挂脚本app，红桃互娱透视辅助课程（有辅助挂规律）；红桃互...

玩家必备科普辅助！超稳互娱ai... 玩家必备科普辅助！超稳互娱ai智能辅助脚本app，超稳互娱透视挂软件法子（有辅助挂工具）;1、点击下...