React-useEffect的使用

useEffect

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

基本用法：

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

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