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

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

相关内容

热门资讯

一分钟了解“789大菠萝可以控... 一分钟了解“789大菠萝可以控制吗”pokerworld辅助器(从前真的有挂)1、不需要AI权限,帮...
推荐一款“大当家辅助官网”原来... 推荐一款“大当家辅助官网”原来是真的有挂(辅助挂)详细辅助教你攻略1、进入到黑科技之后,能看到左侧胜...
透视软件!wepoker辅助器... 透视软件!wepoker辅助器最新版本更新内容,小程序微乐游戏辅助器,黑科技教程(有挂教程);1、首...
记者揭秘“闲来广东麻将辅助工具... 自定义闲来广东麻将辅助工具系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
重要通知“闲逸辅助软件”总是真... 重要通知“闲逸辅助软件”总是真的是有挂(辅助挂)详细辅助教你教程;1、完成的残局,帮助玩家取得所有比...
透视软件!德普之星透视辅助插件... 透视软件!德普之星透视辅助插件,九哥大厅辅助,科技教程(有挂方法)1、玩家可以在九哥大厅辅助软件透明...
分享个大家“娱网皮球看穿器”w... 分享个大家“娱网皮球看穿器”wepoker怎么开辅助(从来真的是有挂);亲真的是有正版授权,小编(透...
总算明白“新畅游插件”确实是有... 总算明白“新畅游插件”确实是有挂(辅助挂)详细辅助力荐教程1、系统规律教程、辅助透视等服务,为用户提...
透视好友!wpk透视辅助,决战... 透视好友!wpk透视辅助,决战卡五星辅助,安装教程(有挂方法)1、玩家可以在决战卡五星辅助软件透明挂...
指导大家“兴动互娱辅助工具”w... 指导大家“兴动互娱辅助工具”we-poker辅助器(果然真的是有挂);亲真的是有正版授权,小编(透视...