web前端全系列 教程
1839个小节阅读:2243.9k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
你可以把 useEffect
Hook 看做 componentDidMount
,componentDidUpdate
,componentWillUnmount
三个函数的组合
只运行一次 effect
如果想执行只运行一次的 effect(仅在组件挂载和卸载时执行),可以传递一个空数组[]
作为第二个参数。
xxxxxxxxxx
//接收一个函数
useEffect(()=>{
console.log('effect')
const timer = setInterval(() => {
console.log(new Date().toLocaleTimeString())
}, 1000)
//通过return 返回的回调函数会在组件卸载时调用
return () => {
console.log('clear')
clearInterval(timer)
}
},[])