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

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

相关内容

热门资讯

教程辅助“wepoker免费钻... 教程辅助“wepoker免费钻石”开挂(透视)辅助平台-哔哩哔哩1、下载安装好wepoker免费钻石...
详细说明“熊猫四川游戏辅助”附... 熊猫四川游戏辅助是一款专注玩家量身打造的游戏记牌类型软件,在熊猫四川游戏辅助这款游戏中我们可以记录下...
我来教教大家"闲聚a... 【亲,闲聚app辅助软件 这款游戏可以开挂的,确实是有挂的,很多玩家在这款闲聚app辅助软件中打牌都...
教程辅助“菠萝辅助器”开挂(透... 教程辅助“菠萝辅助器”开挂(透视)辅助神器-知乎 【无需打开直接搜索加薇136704302咨询;操作...
一起来探讨"八闽掌上... 一起来探讨"八闽掌上辅助软件免费下载"开挂(脚本)辅助脚本详细教程-有挂教程 >>您好:软件加薇13...
传递经验“欢乐茶馆脚本辅助”附... 传递经验“欢乐茶馆脚本辅助”附开挂神器辅助详细教程 了解更多开挂安装加(136704302)微信号欢...
科技通报"微信小程序... 科技通报"微信小程序辅助器破解版"开挂(软件)辅助软件详细教程-有挂详细 【无需打开直接搜索加薇13...
教程辅助“衢州都莱辅助器下载地... 教程辅助“衢州都莱辅助器下载地址”开挂(透视)辅助神器-知乎;无需打开直接搜索加(薇:1367043...
科技通报“佛手大菠萝辅助”附开... 科技通报“佛手大菠萝辅助”附开挂插件辅助详细教程 >>您好:软件加薇136704302信确实是有挂的...
揭秘一下"人人燕赵辅... 人人燕赵辅助 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由: 1、软...