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

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

相关内容

热门资讯

新手必备“微信小程序财神辅助器... 新手必备“微信小程序财神辅助器”都是真的有挂(辅助挂)详细辅助微扑克教程进入游戏-大厅左侧-新手福利...
第9分钟辅助!漳州老友辅助(辅... 自定义漳州老友辅助系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是...
透视教学!拱趴大菠萝十三水作弊... 透视教学!拱趴大菠萝十三水作弊,牌乐门插件,新2025教程(有挂细节)1、游戏颠覆性的策略玩法,独创...
推荐十款“方片十三张外卦”一贯... 推荐十款“方片十三张外卦”一贯是有挂(辅助挂)详细辅助玩家教程1、方片十三张系统规律教程、方片十三张...
第九分钟辅助!亿游十三道辅助(... 第九分钟辅助!亿游十三道辅助(辅助挂)本然真的是有挂(详细辅助必赢方法)1、很好的工具软件,可以解锁...
透视规律!wepoker有没有... 透视规律!wepoker有没有机器人,浙江宝宝游戏辅助,wepoke教程(有挂工具)1、透视规律!w...
实操分享“九九联盟辅助”总是真... 实操分享“九九联盟辅助”总是真的有挂(辅助挂)详细辅助攻略教程运辅助工具,进入游戏界面。进入辅助器,...
5分钟辅助!火神辅助免费下载(... 5分钟辅助!火神辅助免费下载(辅助挂)本然是有挂(详细辅助扑克教程)1、金币登录送、破产送、升级送、...
透视挂!hhpoker脚本下载... 透视挂!hhpoker脚本下载,友友联盟辅助脚本,扑克教程(有挂技巧)1)友友联盟辅助脚本辅助挂:进...
盘点一款“财神13章脚本安全吗... 盘点一款“财神13章脚本安全吗”确实有挂(辅助挂)详细辅助曝光教程盘点一款“财神13章脚本安全吗”确...