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返回值是⼀个函数,在组件卸载前执⾏,或每次副效应函数重新执⾏之前执⾏
注意:多个副效应