React 函数组件

这篇博客介绍了如何在React应用中结合antd组件库,利用Modal.method()方法创建具有不同功能的提示框。示例代码包括jsx和Less部分。
摘要由CSDN通过智能技术生成

React 框架+ antd组件库 Modal.method()提示框

import React from 'react'
import { Modal } from 'antd'

const PromptTips = ({
    title,
    content,
}) => {
    //提示弹窗
  const showPromptModal = () => {
    Modal.confirm({
     title: title,
     content:(
       <div>
         {/* <p>您还不是会员,无法使用该功能!</p> */}
        <p>{content}</p>
       </div>
     ),
     okText:'成为会员',
     cancelText: '知道了',
     okType: 'danger',
     onOk() {
       console.log('OK');
     },
     onCancel() {
       console.log('cancel');
     }
   });
  }
    return showPromptModal();
}

export default PromptTips;

效果图:
在这里插入图片描述

完整代码:
jsx:

import React from 'react'
import { Modal } from 'antd'
import &#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值