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

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

突发！天天贵阳app修改器，天... 突发！天天贵阳app修改器，天天海南家园辅助（原来有挂插件）-哔哩哔哩进入游戏-大厅左侧-新手福利-...

据权威媒体报道！随意玩辅助器透... 据权威媒体报道！随意玩辅助器透视挂，新西部外卦辅助器（果然真的有挂）-哔哩哔哩；1、随意玩辅助器透视...

此事迅速冲上热搜！微乐自建房脚... 此事迅速冲上热搜！微乐自建房脚本免费下载，欢聚水鱼智能辅助教程（本来是真的脚本）-哔哩哔哩微乐自建房...

昨日！心悦俱乐部游戏辅助，欢乐... 昨日！心悦俱乐部游戏辅助，欢乐达人破解器（其实是有脚本）-哔哩哔哩1、下载好心悦俱乐部游戏辅助透视辅...

现就发布提示！广西友乐解码器辅... 现就发布提示！广西友乐解码器辅助器，圣游牛牛辅助器（果然有挂修改器）-哔哩哔哩1、玩家可以在广西友乐...

据相关数据显示！边锋辅助脚本，... 据相关数据显示！边锋辅助脚本，决战卡五星游戏辅助器（果然是真的脚本）-哔哩哔哩亲，关键说明，决战卡五...

连日来！微信小程序多乐辅助器免... 连日来！微信小程序多乐辅助器免费下载，人海大厅挂件怎么买（切实真的有修改器）-哔哩哔哩一、微信小程序...

最新消息！潮汕汇游戏辅助，湖北... 最新消息！潮汕汇游戏辅助，湖北逍遥辅助（都是真的有下载）-哔哩哔哩1、超多福利：超高返利，海量正版游...

经核实！广丰510k辅助，心悦... 经核实！广丰510k辅助，心悦游戏辅助（好像是有插件）-哔哩哔哩一、心悦游戏辅助可以开透视的定义与意...

经核实！南通长牌有挂吗，蜀山辅... 经核实！南通长牌有挂吗，蜀山辅助工具（确实真的是有脚本）-哔哩哔哩进入游戏-大厅左侧-新手福利-激活...