react vant 在使用dialog.confirm取消报错 Uncaught (in promise) undefined

项目场景:

在使用react做移动端开发时,需要使用Dialog.confirm确认框来做弹框选项,这是在操作中非常常用的一种场景。


问题描述

在列表中,使用弹框时,点击取消时,语法报错;导致后面再触发弹框时,因为语法报错,导致事件不再触发。


原因分析:

在确认框中,取消时返回,内部框架报错。使用的new Promise返回格式错误导致。


解决方案:

在Dialog里面添加报错机制,catch,这样避免因为语法报错,而导致事件失效。

javascript 复制代码
Dialog.confirm({
      className:'onlinePhone',
      title:'温馨提示',
      message: (
        1111
      ),
      confirmButtonColor:'#2e9eff',
      cancelButtonColor:'#2e9eff',
      cancelButtonText:"取消",
      confirmButtonText:'去咨询',
    }).then(()=>{
      console.log("确认")
    })
相关推荐
三十而立洋6 小时前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁7 小时前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
汉堡大王95278 小时前
Jev:不是聊天机器人, 而是一个智能 if 语句
前端·人工智能·后端
梦想很大很大9 小时前
从运行事实到回归证据:Workrun 的 Telemetry 与 Evaluation 实践
前端·人工智能·后端
计算机魔术师9 小时前
Meta Muse agent 接入 Shopify 的 Shop Pay 实现代理式购物
前端
沙蒿同学9 小时前
我用 Go 搭了一条 AI Agent 流水线:从 1 张商品图到一整套淘宝详情页
前端·javascript·后端
甜到心里的蛋糕10 小时前
加解密技术详解:纯前端如何实现 AES / SM4 / RSA / 国密 SM2
前端·密码学
拖孩10 小时前
代码我能全交给 AI,流量主这 500 个访客它一个都替不了我
前端·后端·微信小程序
2601_9638702110 小时前
基于SSM的特产代购系统
java·前端
paopaokaka_luck10 小时前
智慧社区综合服务小程序(人脸识别、AI问答、Echarts图形化分析)
前端·javascript·spring boot·spring·数据分析·echarts