当前位置: 代码迷 >> 综合 >> Antd 封装Modal
  详细解决方案

Antd 封装Modal

热度:95   发布时间:2023-11-22 05:49:10.0

Antd 封装Modal

// 子组件
// Modal的visible直接设为true
const {
     title, onClose } = this.props;
<Modaltitle={
    title}visible={
    true}onOk={
    this.handleOkDraw}onCancel={
    onClose}maskClosable={
    false}
><Form><Steps status="wait" size="small" direction="vertical"><Step title="选择任务项" description={
    selectTask} /><Step title="抽奖次数设置" description={
    setDrawNum} /></Steps></Form>
</Modal>**************************************************************
// 父组件
{
    addDrawVisible && (<AddDrawModaltitle="新增抽奖次数赠送规则"onClose={
    this.onAddDrawClose}onOk={
    this.onAddDrawOk}/>
)}
  相关解决方案