reacthook useEffect 页面渲染完后 执行useEffect 方法

React Hook中的useEffect是一个用于处理副作用的Hook函数。它在组件渲染完成后执行，并且可以在组件的生命周期中多次调用。

useEffect接受两个参数：一个是回调函数，另一个是依赖数组。回调函数会在组件渲染完成后执行，可以用来处理一些副作用，比如数据获取、订阅事件等。依赖数组用于指定需要监测的变量，当这些变量发生变化时，会重新执行回调函数。

当页面渲染完成后，useEffect会在组件的render阶段之后执行。这意味着在useEffect中可以安全地访问DOM元素和执行其他副作用操作。

下面是一个示例代码，展示了如何使用useEffect来在页面渲染完成后执行一些操作：

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在组件渲染完成后执行的操作
    console.log('组件渲染完成');
    
    // 可以在这里进行数据获取、订阅事件等操作
    
    return () => {
      // 在组件卸载前执行的清理操作
      console.log('组件将要卸载');
      
      // 可以在这里取消订阅、清除定时器等操作
    };
  }, []); // 依赖数组为空，表示只在组件挂载和卸载时执行一次

  return (
    <div>
      {/* 组件的内容 */}
    </div>
  );
}