问答

BrowserRouter结合Prompt阻断页面?

作者:admin 2021-08-21 我要评论

代码是这样的,现在离开页面时,modal框可以显示,但是并没有起到阻断页面的效果?想要这个样式的modal框同时可以阻断页面怎么改呢? const getConfirmation=(me...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

代码是这样的,现在离开页面时,modal框可以显示,但是并没有起到阻断页面的效果?想要这个样式的modal框同时可以阻断页面怎么改呢?

  const getConfirmation=(message, callback)=> { 
    Modal.confirm({
        title: '离开该页面,表单信息将不被保留?是否确定离开该页面?',
        content: '',
        okText: '离开',
        cancelText: '取消',
        onOk() {
            callback(true);
        },
        onCancel() {
            callback(false);
        },
    });
}
<BrowserRouter
        getUserConfirmation={getConfirmation}
      >
        <Prompt
          // when={isPrompting}
          message={location =>
            `当前页面已经发生更改没有保存是否确认离开页面?`
          }
        />
</BrowserRouter>

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用箭头函数return数据不能实现

    使用箭头函数return数据不能实现

  • 个人小程序号能接入小程序3D地图吗?

    个人小程序号能接入小程序3D地图吗?

  • vue 移动端项目中,使用了better-scrol

    vue 移动端项目中,使用了better-scrol

  • css如何做出区域平均划分为四列

    css如何做出区域平均划分为四列

腾讯云代理商
海外云服务器