React-useEffect的使用

useEffect

react提供的一个常用hook，用于在函数组件中执行副作用操作，比如数据获取、订阅或手动更改DOM。

基本用法：

• 接受2个参数：

  • 一个包含命令式代码的函数（副作用函数）。
  • 一个依赖项数组，用于告诉 React 何时运行副作用函数。

• 示例代码

  import React, { useEffect } from 'react';

  function MyComponent() {
  useEffect(() => {
  // 副作用逻辑

    // 清理函数（可选）
    return () => {
      // 清理逻辑，会在组件卸载和每次依赖项变化前执行
    };
  }, [/* 依赖项列表 */]); // 只有当这些依赖项变化时，才会运行副作用函数
  

  }