在一个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）火神微信辅助有没有挂：进一步探索...

7分钟了解!衢州都莱辅助器是真... 7分钟了解!衢州都莱辅助器是真是假!一贯存在有辅助方法(了解有挂)-哔哩哔哩进入游戏-大厅左侧-新手...

八分钟了解!玄龙辅助下载!竟然... 八分钟了解!玄龙辅助下载!竟然有辅助攻略(确实有挂)-哔哩哔哩运玄龙辅助下载辅助工具，进入游戏界面。...

十分钟了解!科乐天天踢起手好牌... 十分钟了解!科乐天天踢起手好牌!总是存在有辅助方法(确实有挂)-哔哩哔哩1、游戏颠覆性的策略玩法，独...

第一分钟了解!决战加血辅助!一... 第一分钟了解!决战加血辅助!一贯真的有辅助插件(有挂透视)-哔哩哔哩1、决战加血辅助透视辅助软件激活...

两分钟了解!欢聚水鱼科技辅助下... 两分钟了解!欢聚水鱼科技辅助下载!果然一直都是有辅助神器(有挂秘诀)-哔哩哔哩1、让任何用户在无需欢...

4分钟了解!微信小程序雀神挂件... 4分钟了解!微信小程序雀神挂件!真是真的有辅助插件(真的有挂)-哔哩哔哩1、完成微信小程序雀神挂件有...

两分钟了解!新上游通用挂是真的... 两分钟了解!新上游通用挂是真的吗!本来真的有辅助教程(有挂透视)-哔哩哔哩所有人都在同一条线上，像星...

四分钟了解!德州局脚本!一贯真... 四分钟了解!德州局脚本!一贯真的是有辅助神器(有挂细节)-哔哩哔哩1、上手简单，内置详细流程视频教学...