hooks模仿componentWillUnmount

　　在React函数组件中，没有像`componentWillUnmount`这样的生命周期钩子函数，用于在组件卸载之前执行清理操作。然而，您可以使用`useEffect`钩子来模拟`componentWillUnmount`的行为。

　　`useEffect`钩子接受一个副作用函数和一个依赖数组作为参数。当组件渲染完成后，副作用函数会被调用，并且在下一次渲染之前的组件卸载之前，如果提供了清理函数，清理函数会被调用。

　　要模拟`componentWillUnmount`的行为，您可以在副作用函数中返回一个清理函数。当组件将要卸载时，清理函数将被调用，以执行必要的清理操作。

　　下面是一个示例，演示如何使用`useEffect`钩子来模拟`componentWillUnmount`：　

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    // 副作用函数
    console.log('Component did mount');

    // 清理函数
    return () => {
      console.log('Component will unmount');
      // 执行清理操作
    };
  }, []); // 依赖数组为空，仅在组件挂载时执行一次

  return <div>My Component</div>;
};

export default MyComponent;

　　在上面的例子中，我们在`useEffect`的副作用函数中输出了一条消息，表示组件已经挂载。同时，我们返回一个清理函数，在组件即将卸载时输出另一条消息，并可以在该函数中执行清理操作。

　　请注意，如果`useEffect`的依赖数组为空，副作用函数仅在组件挂载和卸载时执行一次。如果依赖数组不为空，副作用函数将在依赖项发生变化时执行，以及在组件卸载时执行清理函数。

　　使用这种方式，您可以在函数组件中模拟`componentWillUnmount`的行为，并在组件卸载之前执行必要的清理操作。