在一个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、辽宁心悦游戏辅助器公...
透视课程!智星菠萝辅助(透视)... 透视课程!智星菠萝辅助(透视)红龙poker辅助(辅助)果然是有教程(哔哩哔哩)1、智星菠萝辅助有没...
随着!微乐小程序黑科技(透视)... 随着!微乐小程序黑科技(透视)微信小程序修改器(竟然是真的辅助安装)-哔哩哔哩1、有没有辅助教程、有...
透视方式!德扑圈透视挂(WeP... 透视方式!德扑圈透视挂(WePoKer增加)切实真的是有辅助脚本(哔哩哔哩)1、在德扑圈透视挂插件功...
第5分钟了解!透视辅助器免费欢... 第5分钟了解!透视辅助器免费欢聚水鱼(辅助)兴动互娱开挂辅助神器-一直有挂软件1)透视辅助器免费欢聚...
透视模块!约局吧作必弊脚本(透... 透视模块!约局吧作必弊脚本(透视)德州局透视脚本(辅助)一贯是真的有插件(哔哩哔哩)1、任何约局吧作...
透视攻略!微乐小程序免费黑科技... 透视攻略!微乐小程序免费黑科技(透视)微信微乐辅助ios(总是是有辅助工具)-哔哩哔哩1、首先打开辅...
透视办法!wepoker免费脚... 透视办法!wepoker免费脚本咨询(WePoKer黑科技)一贯是有辅助攻略(哔哩哔哩)1、wepo...
3分钟了解!顺欣茶坊脚本(辅助... 3分钟了解!顺欣茶坊脚本(辅助)D彩乐园开挂辅助神器-都是有挂下载在进入顺欣茶坊脚本软件靠谱后,参与...
透视法子!pokemmo脚本手... 透视法子!pokemmo脚本手机版(透视)poker world辅助(辅助)本来存在有攻略(哔哩哔哩...