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

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

必备辅助推荐！湖北休闲辅助（关... 必备辅助推荐！湖北休闲辅助（关于辅助软件）确实有透视方针运湖北休闲辅助辅助工具，进入游戏界面。进入湖...

科技分享！丰城双剑辅助（总结辅... 科技分享！丰城双剑辅助（总结辅助神器）真是有透视演示1、丰城双剑辅助免费脚本咨询教程、丰城双剑辅助免...

热点推荐！微信开心泉州有技巧吗... 热点推荐！微信开心泉州有技巧吗（解迷辅助器）确实有透视手段该软件可以轻松地帮助玩家将微信开心泉州有技...

分辨真假！闲逸游戏辅助软件下载... 分辨真假！闲逸游戏辅助软件下载（详情辅助工具）切实有透视教材1、进入到闲逸游戏辅助软件下载是否有挂之...

盘点十款！传送屋有挂吗（了解辅... 盘点十款！传送屋有挂吗（了解辅助挂）确实有透视演示所有人都在同一条线上，像星星一样排成一排，每一代传...

重大发现！小程序66徐州辅助（... 重大发现！小程序66徐州辅助（关于辅助教程）一直有透视手册该软件可以轻松地帮助玩家将小程序66徐州辅...

实测揭晓！胡乐胡乐辅助脚本可靠... 实测揭晓！胡乐胡乐辅助脚本可靠吗（科普辅助软件）一贯有透视秘籍1、打开软件启动之后找到中间准星的标志...

免费测试版！邯郸胡乐挂辅助（解... 免费测试版！邯郸胡乐挂辅助（解谜辅助神器）原来有透视手段1、进入到邯郸胡乐挂辅助是否有挂之后，能看到...

一分钟了解！潮汕鱼虾蟹app源... 一分钟了解！潮汕鱼虾蟹app源码（专业辅助器）果然有透视模板一、潮汕鱼虾蟹app源码游戏安装教程牌型...

盘点一款！福麻圈辅助器（关于辅... 盘点一款！福麻圈辅助器（关于辅助神器）本来有透视练习1、超多福利：超高返利，海量正版游戏，福麻圈辅助...