在一个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、让任何用户在无需哈局八张模拟...

揭秘攻略！茶馆游戏辅助，填大坑... 揭秘攻略！茶馆游戏辅助，填大坑辅助器视频-都是是有辅助app（有挂细节）1、首先打开填大坑辅助器视频...

详细说明！雀友会广东潮汕麻雀，... 详细说明！雀友会广东潮汕麻雀，四川徒有辅助软件-原来是真的有辅助神器（详细教程）1、进入到雀友会广东...

记者揭秘！吉安中至小程序，微乐... 记者揭秘！吉安中至小程序，微乐陕西小程序破解器-切实是有辅助教程（有挂教程）1、许多玩家不知道微乐陕...

玩家攻略！吉祥填大坑小程序辅助... 玩家攻略！吉祥填大坑小程序辅助，心悦填大坑辅助-果然真的有辅助教程（有挂助手）1、全新机制【吉祥填大...

盘点一款！河南微乐麻将小程序辅... 盘点一款！河南微乐麻将小程序辅助器，友友联盟有辅助吗-确实是有辅助攻略（真的有挂）1、河南微乐麻将小...

信息共享！手机游戏辅助脚本工具... 信息共享！手机游戏辅助脚本工具，西兵互娱辅助插件app-一贯真的是有辅助教程（有挂解惑）一、手机游戏...

关于！欢乐情怀怎么开挂，指尖四... 关于！欢乐情怀怎么开挂，指尖四川辅助脚本视频-其实存在有辅助工具（有挂方法）1、欢乐情怀怎么开挂透视...