React - useEffect函数的理解和使用

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

useEffect函数的基础使用

useEffect(()=> { },[ ] )

//参数1是一个函数，可以把它叫做副作用函数，在函数内部可以放置要执行的操作

//参数2是一个数组 (可选参数），在数组里放置依赖项，不同依赖项会影响第一个参数函数的执行，当是一个空数组的时候，副作用函数只会在组件渲染完毕之后执行一次

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

useEffect函数的依赖参数说明 

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

 useEffect清除副作用

比如在useEffect中开启一个定时器，我们想在组件卸载的时候把这个定时器清理掉，这个过程就是清理副作用

清除副作用函数最常见的执行时机是在组件卸载时自动执行

 useEffect(()=>{
    //操作逻辑
    const timer = setInterval(() => {
      console.log(111);
    }, 1000);
    return ()=>{
      //清除副作用 最常见是组件卸载自动清除
      clearInterval(timer)  
    }
    
  },[])