1. componentDidMount

      1. useEffect(()=> {
      2. console.log('componentDidMount')
      3. }, [])
    2. componentWillUnmount

    useEffect return 一个函数,会在组件卸载前执行

    1. useEffect(()=> {
    2. console.log('componentDidMount')
    3. return () => {
    4. console.log('componentWillUnmount')
    5. }
    6. }, [])
    1. componentDidUpdate
      1. useEffect(()=> {
      2. console.log('componentDidUpdate')
      3. }) // 去掉数组或者数组里添加对应依赖
      如何阻止 componentDidUpdate 在挂载时执行? ```jsx const first = useRef(true)

    useEffect(()=> { if(first.current) return console.log(‘componentDidUpdate’) }) // 去掉数组或者数组里添加对应依赖

    useEffect(()=> { console.log(‘componentDidMount’) first.current = false }, []) ```