React 中的hooks（useEffect(didUpdate) ）

useEffect(didUpdate)

useEffect(()=>{

//副作用函数

return ()=>{

//副作用函数的返回函数

}

},[依赖参数])

副作用函数：

1. 当 useEffect 没有依赖参数时，副作用函数，会在组件挂载完成及组件更新完成时执行

2. 当有依赖参数副作用函数，会在组件挂载完成及该依赖参数修改，引起的组件更新完成之后执行

3. 当依赖参数为空数组时，会在组件挂载完成之后执行

返回函数：

当组件更新完成，或即将卸载时执行，一般返回函数用在即将卸载时

针对以下不同情况的，副作用函数的使用

//挂载完成及更新完都要做某件事

useEffect(()=>{

console.log("挂载完成及更新完都要做某件事");

})

 

// 组件挂载完成之后，要做某些事情

useEffect(()=>{

console.log("组件挂载完成之后");

return ()=>{

// 即将卸载前要做某些事情

console.log("组件即将卸载");

}

},[]);

// 组件更新完成之后，要做某些事情，待完善

useEffect(()=>{

return ()=>{

console.log("count有更新或即将卸载时");

}

},[count])