如何在用户离开组件后重置状态

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      // 初始状态
    };
  }

  componentWillUnmount() {
    // 组件被卸载前重置状态
    this.setState({
      // 重置状态
    });
  }

  render() {
    // 组件渲染
  }
}

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      // 初始状态
    };
  }

  componentDidUpdate(prevProps, prevState) {
    // 判断用户是否离开组件
    if (prevProps.someProp !== this.props.someProp) {
      // 重置状态
      this.setState({
        // 重置状态
      });
    }
  }

  render() {
    // 组件渲染
  }
}

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      // 初始状态
    };
  }

  componentDidMount() {
    window.addEventListener('beforeunload', this.handleBeforeUnload);
  }

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

  handleBeforeUnload = () => {
    // 重置状态
    this.setState({
      // 重置状态
    });
  }

  render() {
    // 组件渲染
  }
}