页面可见时如何重新运行useEffect？

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    const handleVisibilityChange = () => {
      if (document.visibilityState === 'visible') {
        // 页面可见时重新运行useEffect中的逻辑
        // TODO: 添加你想要重新运行的代码
      }
    };

    document.addEventListener('visibilitychange', handleVisibilityChange);

    return () => {
      document.removeEventListener('visibilitychange', handleVisibilityChange);
    };
  }, []); // 这里的空数组表示只在组件挂载和卸载时运行一次

  // 其他组件逻辑
  return (
    // 组件内容
  );
}

export default MyComponent;