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

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

7分钟窍要！福建天天开心辅助，... 7分钟窍要！福建天天开心辅助，九哥玩辅助（辅助）切实真的是有下载（哔哩哔哩）1、实时福建天天开心辅助...

第四分钟攻略！熟客温州游戏辅助... 第四分钟攻略！熟客温州游戏辅助器，新九哥脚本（辅助）其实是真的辅助器（哔哩哔哩）运熟客温州游戏辅助器...

第七分钟机巧！雀友会潮汕麻雀总... 第七分钟机巧！雀友会潮汕麻雀总部辅助，新鸿狐挂机（辅助）都是存在有软件（哔哩哔哩）1、雀友会潮汕麻雀...

第7分钟项目！中至江西插件，新... 第7分钟项目！中至江西插件，新道游拼十辅助器（辅助）一直真的有app（哔哩哔哩）1、新道游拼十辅助器...

第一分钟大纲！家家盘锦开挂，反... 第一分钟大纲！家家盘锦开挂，反杀新大厅辅助（辅助）真是存在有app（哔哩哔哩）1、操作简单，无需反杀...

第5分钟绝活儿！白银胡乐辅助脚... 第5分钟绝活儿！白银胡乐辅助脚本下载，新超圣辅助器（辅助）本来真的有工具（哔哩哔哩）1、白银胡乐辅助...

第六分钟指南书！皇豪互娱控制系... 第六分钟指南书！皇豪互娱控制系统app，新超圣正版辅助（辅助）切实是有插件（哔哩哔哩）所有人都在同一...

五分钟教程书！闲逸辅助器辅助下... 五分钟教程书！闲逸辅助器辅助下载，随意玩app下载开挂辅助（辅助）好像是真的工具（哔哩哔哩）1、这是...

第一分钟大纲！家家盘锦开挂，反... 第一分钟大纲！家家盘锦开挂，反杀新大厅辅助（辅助）真是有挂工具（哔哩哔哩）1.反杀新大厅辅助选牌创...

第5分钟窍门！四川麻将血战到底... 第5分钟窍门！四川麻将血战到底定制插件辅助，新祥心挂机（辅助）原来真的有工具（哔哩哔哩）1、四川麻将...