在点击确认框确认按钮时,通过变量判断是否需要关闭确认框,如果需要抛出promise失败。
import React, {
useEffect, useState } from 'react';
import {
Button, message, Modal, Popconfirm } from 'antd';
// 属性类型
interface IProps {
title: React.ReactNode;
/** @title 展示组件标题 */
showCompText: string;
/*** @title 展示按钮类型*/
showCompBtnType: string;
/*** @title 展示组件按钮加载中*/
showBtnLoading: boolean;
/** @title 展示组件点击事件 */
onclick?: (e: any) => Promise<any>;
/** @title 二次确认确定事件 */
onOk?: (e: any)

本文介绍了如何在React应用中利用antd的Popconfirm组件,结合Promise,实现当操作失败时阻止确认框自动关闭的功能。通过控制变量和处理Promise的拒绝状态,确保在错误情况下不关闭气泡确认框。
最低0.47元/天 解锁文章
441

被折叠的 条评论
为什么被折叠?



