useEffect

概念

useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起而是由渲染本身引起的操作，比如发送AJAX请求，更改DOM等等

语法

  useEffect(()=>{},[])
  //参数1是一个函数，可以把它叫做副作用函数，在函数内部可以放置要执行的操作
  //参数2是一个数组（可选参），在数组里放置依赖项，不同依赖项会影响第一个参数函数的执行，当是一个空数组
  //的时候，副作用函数只会在组件渲染完毕之后执行一次

依赖项参数说明

useEffect副作用函数的执行时机存在多种情况，根据传入依赖项的不同，会有不同的执行表现

1. 没有依赖项，组件初始渲染+组件更新时执行
2. 空数组依赖，只在初始渲染时执行一次
3. 添加特定依赖项，组件初始渲染+特性依赖项变化时执行

清除副作用

在useEffect中编写的由渲染本身引起的对接组件外部的操作，社区也经常把它叫做副作用操作，比如在useEffect中开启了一个定时器，我们想在组件卸载时把这个定时器清理掉，这个过程就是清除副作用

语法

  useEffect(()=>{
    console.log('useEffect');
    return()=>{
      //清除副作用
    }
  },[])
  //说明 清除副作用的函数最常见的执行时机是在组件卸载时自动执行