react中在刷新页面时提示

在入口文件index.js文件中加入红色段:
 

import 'antd/dist/antd.css';
import './assets/css/ant-cus.css'
import './assets/css/base.css'
import './assets/css/index.css'
import './assets/css/header.css'
import './assets/css/rightClick.css'
import './assets/css/recycle.css'
import './assets/css/imgPreview.css'
import React from 'react';
import ReactDOM from 'react-dom';
import * as serviceWorker from './serviceWorker';
import CommonUtil from './util/CommonUtil';
import ApiUtil from './util/ApiUtil';
import { HashRouter, Switch } from 'react-router-dom';
import FrontendAuth from './frontendAuth';
import routerMap from './routerMap';

React.api = ApiUtil.getInstance(React);
React.util = CommonUtil.getInstance(React);

window.onbeforeunload = function (e) {
  if (localStorage.getItem("isUpload") === 'yes') { //刷新时提示的条件
    localStorage.setItem("isUpload", 'no');
    const dialogText = "重新加载网页,系统可能不会保存您做的更改";
    e.returnValue = dialogText;
    return dialogText;
  }
};

ReactDOM.render(
  <div className="mt-yp-app">
    <HashRouter>
      <Switch>
        <FrontendAuth routerConfig={routerMap} />
      </Switch>
    </HashRouter>
  </div>,
  document.getElementById('mt-yp')
);
serviceWorker.unregister();
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值