如何在纯ReactJS (没有React Router)中延迟组件的卸载事件？

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isUnmounting: false
    };
  }

  componentWillUnmount() {
    if (this.state.isUnmounting) {
      // 延迟卸载组件的逻辑
      setTimeout(() => {
        console.log('延迟卸载组件');
      }, 1000);
    } else {
      console.log('立即卸载组件');
    }
  }

  handleButtonClick = () => {
    this.setState({ isUnmounting: true });

    // 延迟时间后再设置isUnmounting为false
    setTimeout(() => {
      this.setState({ isUnmounting: false });
    }, 2000);
  }

  render() {
    return (
      <div>
        <button onClick={this.handleButtonClick}>延迟卸载组件</button>
      </div>
    );
  }
}

export default MyComponent;