React函数组件模拟⽣命周期（useEffect）React Hooks提供React.useEffect来解决函数组件没有⽣命周期的问题
React.useEffect（fn，？）第⼀个参数是特定实时机执⾏的回调函数，第⼆个参数是指依赖项
  1.模拟componentDidMount第⼀次渲染
useEffect(() => {
console.log('');
}, []) // 第⼆个参数为空时只会在第⼀次渲染时执⾏
  2.　模拟componentDidUpdate
useEffect(() => {
console.log('n变化了');
}, [n]) // 第⼆个参数为要监听的数据
不传第⼆个参数，则会在 state 的任意⼀个属性改变时，组件每渲染⼀次，都会触发该函数回调
reacthooks理解useEffect(() => {
console.log('任意属性变化');
})
  3，模拟componentWillUnmount
通过函数⾥返回函数的⽅式
useEffect(() => {
console.log('任意属性变了');
return () => {
console.log('该组件要销毁了');
}
})
  useEffect返回值是⼀个函数，在组件卸载前执⾏，或每次副效应函数重新执⾏之前执⾏
注意：多个副效应

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。