React组件卸载、路由跳转、页面关闭（刷新）之前进行提示

可以使用React中的生命周期函数和浏览器事件来实现在组件卸载、路由跳转、页面关闭（刷新）之前进行提示的功能。

1. 组件卸载时进行提示：

在组件中使用`componentWillUnmount()`生命周期函数，在组件要卸载之前弹出提示框，询问用户是否确认离开。

示例代码如下：

class MyComponent extends React.Component {
  componentWillUnmount() {
    const message = '确定要离开吗？';
    if (window.confirm(message)) {
      // 组件卸载
    } else {
      // 取消卸载
    }
  }
  render() {
    // ...
  }
}

2. 路由跳转时进行提示：

可以使用`react-router`中的`Prompt`组件，在用户要跳转到其他页面时弹出提示框，询问用户是否确认离开。

示例代码如下：

import { Prompt } from 'react-router-dom';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <Prompt message="确定要离开吗？" />
        // ...
      </div>
    );
  }
}

3. 页面关闭（刷新）时进行提示：

可以使用浏览器的`beforeunload`事件，在用户关闭或刷新页面时弹出提示框，询问用户是否确认离开。

示例代码如下：

class MyComponent extends React.Component {
  componentDidMount() {
    window.addEventListener('beforeunload', this.handleBeforeunload);
  }
  componentWillUnmount() {
    window.removeEventListener('beforeunload', this.handleBeforeunload);
  }
  handleBeforeunload(e) {
    const message = '确定要离开吗？';
    e.returnValue = message;
    return message;
  }
  render() {
    // ...
  }
}

需要注意的是，在使用`beforeunload`事件时，必须在`componentDidMount()`中添加事件监听，在`componentWillUnmount()`中移除事件监听，以避免内存泄漏。