componentDidMount
useEffect(()=> {
console.log('componentDidMount')
}, [])
componentWillUnmount
useEffect return 一个函数,会在组件卸载前执行
useEffect(()=> {
console.log('componentDidMount')
return () => {
console.log('componentWillUnmount')
}
}, [])
- componentDidUpdate
如何阻止 componentDidUpdate 在挂载时执行? ```jsx const first = useRef(true)useEffect(()=> {
console.log('componentDidUpdate')
}) // 去掉数组或者数组里添加对应依赖
useEffect(()=> { if(first.current) return console.log(‘componentDidUpdate’) }) // 去掉数组或者数组里添加对应依赖
useEffect(()=> { console.log(‘componentDidMount’) first.current = false }, []) ```