- useEffect的作用
在组件生命周期的三个阶段(挂载、更新、卸载),执行网络请求、浏览器API等操作,这些操作也叫副作用(side effect) - useEffect的语法
useEffect(Effect函数,依赖项数组)
Effect函数:副作用代码
依赖项数组:控制Effect函数的执行时机,可选
在线聊天室举例
// 挂载时,只调用一次,进入聊天室
useEffect(() => {
console.log('进入组件,我只打印一次')
}, [])
// 更新时,切换聊天室
useEffect(() => {
console.log('切换聊天室时,会打印,只要第二个参数的值改变了,我就会打印')
}, [roomID])
// 组件销毁 离开聊天室
useEffect(() => {
return () => {
console.log('组件销毁时打印,只打印一次')
}
}, [])