优化 JavaScript 中 useEffect 的副作用清除

在 JavaScript 开发中，我们经常使用 useEffect 钩子来处理副作用。副作用是指在组件渲染过程中产生的任何操作，例如订阅事件、请求数据或修改 DOM。然而，当组件被销毁或重新渲染时，我们需要确保清除这些副作用，以避免潜在的内存泄漏和错误。

默认情况下，useEffect 钩子在每次组件重新渲染时都会运行，并且在下一次运行之前清除上一次的副作用。这种行为通常是合理的，但在某些情况下可能会导致问题。幸运的是，我们可以通过提供一个清除函数来显式地管理副作用的清除。

下面是一个示例，演示了如何使用 useEffect 钩子来订阅一个事件，并在组件销毁时清除该订阅：

import {
    useEffect } from 'react';

function MyComponent