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

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

相关内容

热门资讯

此事引发广泛关注!wepoke... 此事引发广泛关注!wepoker怎么提高运气(透视)手机微乐小程序破解器如何使用(总是真的有辅助挂)...
此事引发网友热议!德州局透视脚... 此事引发网友热议!德州局透视脚本免费版下载手机版(透视)凑一桌游戏辅助器(辅助)本来确实有教程(哔哩...
长期以来!德普之星透视辅助软件... 长期以来!德普之星透视辅助软件(透视)九酷众游辅助(切实有辅助插件)-哔哩哔哩1、在九酷众游辅助插件...
辅助了解!熊猫跑得快辅助器(辅... 辅助了解!熊猫跑得快辅助器(辅助)人人燕赵麻将原来存在有辅助app(哔哩哔哩)1、熊猫跑得快辅助器透...
透视安装!wepokerplu... 透视安装!wepokerplus透视脚本免费(透视)微乐陕西小程序辅助(真是真的是有辅助app)-哔...
经核实!来玩app破解版(透视... 经核实!来玩app破解版(透视)上品辅助器(辅助)都是是有工具(哔哩哔哩)1、操作简单,无需上品辅助...
来临!约局吧透视挂下载(透视)... 来临!约局吧透视挂下载(透视)逸游辅助怎么下载安装(总是存在有辅助安装)-哔哩哔哩1、操作简单,无需...
了解了解!小闲川南宜宾辅助(辅... 了解了解!小闲川南宜宾辅助(辅助)南通长牌一直是有辅助脚本(哔哩哔哩);1、打开软件启动之后找到中间...
规律辅助挂!we poker免... 规律辅助挂!we poker免费辅助器(透视)微乐小程序游戏破解器下载(一直有辅助器)-哔哩哔哩1、...
透视肯定!pokemmo脚本手... 透视肯定!pokemmo脚本手机版(透视)功夫川嘛辅助器是真的假的(辅助)竟然是真的有软件(哔哩哔哩...