【总结】useEffect( )

参考：【React】useEffect 钩子详解-优快云博客

基本语法：

useEffect(() => {
  // 副作用逻辑
  return () => {
    // 清除逻辑（可选）
  };
}, [依赖项]);

• 无依赖项
  如果不传递依赖项数组，副作用函数会在每次渲染后执行。

  useEffect(() => {
    // 副作用逻辑
    return () => {
      // 清除逻辑（可选）
    };
  });
  

• 空依赖项数组
  如果传递一个空数组作为依赖项，副作用函数只会在组件首次渲染时执行一次。

  useEffect(() => {
    // 副作用逻辑
    return () => {
      // 清除逻辑（可选）
    };
  }, []);
  

•  带依赖项的 useEffect
  如果传递一个依赖项数组，副作用函数会在依赖项发生变化时执行。