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("确认")
    })
相关推荐
岁月留痕1683 分钟前
11 实战项目一:搭建“一言”项目骨架
前端
BreezeJiang4 分钟前
为什么 Next.js 要把组件切成两半?从一个 SEO 死穴说起
javascript·react.js
用户2181697049305 分钟前
Flutter (十五) CustomScrollView PageView
前端
WILLF8 分钟前
Python vs JavaScript 异常处理对比
前端·python
__sjfzllv___9 分钟前
在职前端Leader学习/转行 AI Agent -DAY31
前端
岁月留痕1689 分钟前
4 Dart 篇:异步(并发)
前端
MartinYeung511 分钟前
[论文学习]AdInject:通过广告投放对Web代理发起真实世界黑盒攻击
前端·学习
用户21816970493013 分钟前
Flutter (十六) 组件通信
前端
mONESY15 分钟前
React 前端如何不傻等后端接口?
前端·javascript·后端
岁月留痕16815 分钟前
6 Flutter 篇:Flutter 分层式架构设计
前端