项目场景:
在使用react做移动端开发时,需要使用Dialog.confirm确认框来做弹框选项,这是在操作中非常常用的一种场景。
问题描述
在列表中,使用弹框时,点击取消时,语法报错;导致后面再触发弹框时,因为语法报错,导致事件不再触发。
原因分析:
在确认框中,取消时返回,内部框架报错。使用的new Promise返回格式错误导致。
解决方案:
在Dialog里面添加报错机制,catch,这样避免因为语法报错,而导致事件失效。
Dialog.confirm({
className:'onlinePhone',
title:'温馨提示',
message: (
1111
),
confirmButtonColor:'#2e9eff',
cancelButtonColor:'#2e9eff',
cancelButtonText:"取消",
confirmButtonText:'去咨询',
}).then(()=>{
console.log("确认")
})