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

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

相关内容

热门资讯

透视必备!wpk插件(透视)w... 透视必备!wpk插件(透视)wpk是真的还是假的,教程办法(讲解有挂)-哔哩哔哩;在进入wpk是真的...
透视要领!wepoker好友局... 透视要领!wepoker好友局透视,wepoker高级辅助(脚本)教你教程(切实有挂)-哔哩哔哩所有...
透视专业!微扑克微乐辅助(透视... 透视专业!微扑克微乐辅助(透视)购买的wpk辅助在哪里下载,教程办法(有挂教程)-哔哩哔哩1、实时购...
透视烘培!wepoker透视脚... 透视烘培!wepoker透视脚本免费下载,wepoker有透视吗(脚本)总结教程(果然真的有挂)-哔...
透视关于!wpk模拟器多开(透... 透视关于!wpk模拟器多开(透视)wpk控制牌是真的吗,教程绝活(有挂透视)-哔哩哔哩1、完成wpk...
透视操作!wepoker俱乐部... 透视操作!wepoker俱乐部辅助,wepokerh5破解(脚本)了解教程(原来真的有挂)-哔哩哔哩...
透视步骤!wepoker辅助器... 透视步骤!wepoker辅助器下载,wepoker破解器(脚本)专业教程(果然有挂)-哔哩哔哩1、每...
透视解迷!wpk透视辅助靠谱吗... 透视解迷!wpk透视辅助靠谱吗(透视)wpk辅助插件,教程妙招(证实有挂)-哔哩哔哩1.wpk透视辅...
透视模块!wepoker有辅助... 透视模块!wepoker有辅助器吗,wejoker辅助软件(脚本)透视教程(确实有挂)-哔哩哔哩1、...
透视解迷!wpk免费辅助(透视... 透视解迷!wpk免费辅助(透视)wpk透视辅助,教程大纲(有挂教程)-哔哩哔哩所有人都在同一条线上,...