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

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

相关内容

热门资讯

黑科技最新!微扑克有辅助挂,太... 黑科技最新!微扑克有辅助挂,太坑了总是有挂(透视)2025新版教程(2020已更新)(哔哩哔哩)1、...
黑科技软件(WpK)外挂透明挂... 黑科技软件(WpK)外挂透明挂黑科技辅助软件(透视)实用技巧(2022已更新)(哔哩哔哩)1、超多福...
黑科技安卓版(微扑克透明挂)扑... 1、黑科技安卓版(微扑克透明挂)扑克时间原先真的有挂!太实锤了竟然是真的有挂(2020已更新)(哔哩...
黑科技黑科技(微扑克AI)外挂... 黑科技黑科技(微扑克AI)外挂透明挂辅助ai(透视)必赢教程(2024已更新)(哔哩哔哩)1、起透看...
黑科技app!智星德州菠萝辅助... 黑科技app!智星德州菠萝辅助器免费下载,太夸张了好像存在有挂(透视)详细教程(2020已更新)(哔...
黑科技智能(cloudpoke... 黑科技智能(cloudpoker云扑克)外挂透明挂黑科技辅助神器(透视)细节方法(2024已更新)(...
黑科技苹果版(鱼扑克发牌规律)... 黑科技苹果版(鱼扑克发牌规律)轰趴大菠萝最初是有挂!太夸张了原来存在有挂(2020已更新)(哔哩哔哩...
黑科技好友房(德扑胜率)外挂透... 黑科技好友房(德扑胜率)外挂透明挂辅助工具(透视)透视教程(2021已更新)(哔哩哔哩);1、起透看...
黑科技神器!德扑之星发牌规律,... 黑科技神器!德扑之星发牌规律,太夸张了确实是有挂(透视)必赢方法(2020已更新)(哔哩哔哩)1、上...
黑科技AI(WPk)外挂透明挂... 自定义WPk系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是想分享...