在一个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、每一步都需要思考...
据文件显示!哈糖大菠萝怎么挂,... 据文件显示!哈糖大菠萝怎么挂,乐乐围棋入门辅助,经验教程(有挂秘诀)1、不需要AI权限,帮助你快速的...
黑科技攻略!sohoo pok... 黑科技攻略!sohoo poker辅助,时光互娱房卡辅助,要领教程(有挂技巧)1、玩家可以在时光互娱...
软件辅助挂!约局吧德州真的存在... 软件辅助挂!约局吧德州真的存在透视吗,皮皮透视辅助软件工具,课程教程(新版有挂)1、超多福利:超高返...
现有说明如下!wepoker插... 现有说明如下!wepoker插件程序激活码,牛总管辅助免费版,妙计教程(有挂技巧)1、该软件可以轻松...
此事备受玩家关注!wepoke... 此事备受玩家关注!wepokerplus作弊,谁有老友广东辅助器,窍门教程(有挂工具)1、不需要AI...
2026版规律!hhpoker... 2026版规律!hhpoker透视脚本,新518互游辅助,教程书教程(真的有挂)一、新518互游辅助...
黑科技辅助挂!wepoker手... 黑科技辅助挂!wepoker手机版透视脚本,微乐江苏小程序游戏破解下载,演示教程(有挂透视)亲,关键...
此事引发网友热议!hhpoke... 此事引发网友热议!hhpoker有后台操作吗,琼崖海南辅助手提,烘培教程(有挂技术)琼崖海南辅助手提...
为了进一步!aapoker破解... 为了进一步!aapoker破解侠是真的吗,佛手在线做辅助下载,讲义教程(有挂实锤)1、首先打开佛手在...