react实现离开页面和刷新页面提示

在React中，可以使用`window`对象的`beforeunload`事件来实现在离开页面或刷新页面时弹出确认提示框。具体实现方式如下：

1. 在组件中添加`componentDidMount`和`componentWillUnmount`生命周期方法，在`componentDidMount`方法中添加`beforeunload`事件监听器，在`componentWillUnmount`方法中移除事件监听器。

class MyComponent extends React.Component {
  componentDidMount() {
    window.addEventListener('beforeunload', this.handleBeforeUnload);
  }

  componentWillUnmount() {
    window.removeEventListener('beforeunload', this.handleBeforeUnload);
  }

  handleBeforeUnload(event) {
    event.preventDefault();
    event.returnValue = '';
  }

  // ...
}

2. 在`handleBeforeUnload`方法中，阻止默认行为，设置`event.returnValue`为一个空字符串，这样在离开页面或刷新页面时会弹出一个确认提示框，提示用户是否离开当前页面。

handleBeforeUnload(event) {
  event.preventDefault();
  event.returnValue = '';
}

3. 如果需要自定义提示框的内容，可以在`event.returnValue`中设置需要提示的内容。

handleBeforeUnload(event) {
  event.preventDefault();
  event.returnValue = '您确定要离开当前页面吗？';
}

通过上述方式，可以实现在离开页面或刷新页面时弹出确认提示框的效果，并且可以自定义提示框的内容。