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("确认")
    })
相关推荐
heRs BART8 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
龙猫里的小梅啊9 分钟前
CSS(七)CSS列表控制
前端·css
浩冉学编程11 分钟前
微信小程序中基于java后端实现官方的文本内容安全识别msgSecCheck
java·前端·安全·微信小程序·小程序·微信公众平台·内容安全审核
李李李勃谦28 分钟前
鸿蒙PC配色方案工具:取色、配色生成与 CSS 导出
前端·css·华为·harmonyos
Jul1en_1 小时前
Claude 迁移 Codex 工作流迁移与更新
java·服务器·前端·后端·ai编程
Heo1 小时前
14_React 中的更新队列 updateQueue
前端·javascript·面试
前端 贾公子1 小时前
解决浏览器端 globalThis is not defined 报错
前端·javascript·vue.js
宁雨桥1 小时前
前端与AI结合实战分享
前端·人工智能
之歆1 小时前
DAY12_CSS3选择器全攻略 + 盒子新特性完全指南(下)
前端·javascript·css3
kyriewen111 小时前
代码写成一锅粥?3个设计模式让你的项目“起死回生”
开发语言·前端·javascript·设计模式·ecmascript