关于antd的modal组件modal.update方法使用问题

我改变modal内容之后,点击关闭,有时候会显示出第一个续费升级的modal,这是什么原因

const modal = Modal.info({
    className: 'expire-modal',  // 第一个modal
    icon: '',
    width: 404,
    centered: true,
    content: (
      <div className="expire-modal-content">
        <img src={expire} alt="" />
        <div className="expire-modal-content-text">
          <p>{`${name}`}已过期</p>
          <p>如需继续使用,请续费或升级版本</p>
        </div>
        <div className="expire-modal-btn">
          <Button 
            type="primary" 
            onClick={() => {
              updateContent()
            }}
          >
            续费/升级
          </Button>
        </div>
      </div>
    ),
  })

  const updateContent = () => {
    modal.update({  // 改变后的modal
      width: 606,
      content: (
        <div className="upgrade-modal-content">
        // 关闭之后,会再显示第一次续费升级的modal(偶发)
          <span onClick={() => modal.destroy()}><CloseOutlined /></span>
          <p>手机钉钉扫码  付费升级</p>
          <div className="upgrade-modal-qrcode">
            <img src={upgrade} alt="" />
          </div>
          <p>1、如您使用的安卓手机,可扫描上方二维码进行续费/升级</p>
          <p>{`2、如您使用的苹果手机,请您电话联系我们客户经理:${'    '}`}<br/>
            {`${'      '}0755-33942806(钉钉暂不支持苹果手机付费购买)`}</p> 
        </div>
      )
    })
  }

帮忙看一下有什么问题呢?
知道答案了,尴尬,没有细看文档

阅读 600
评论
    0 个回答
    撰写回答

    登录后参与交流、获取后续更新提醒

    相似问题
    推荐文章