web前端全系列 教程
1839个小节阅读:2243.3k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
使用 Hook 其中一个目的就是要解决 class 中生命周期函数经常包含所有逻辑问题
可以使用多个 effect。这会将不相关逻辑分离到不同的 effect 中。
xxxxxxxxxx
useEffect(() => {
// 执行一些副作用操作
// console.log(count)
inputRef.current.value = `点击了${count}次`
}, [count])
// 传递第二个参数为[],代表effect只有在组件挂载的时候调用一次,
//effect返回的函数会在组件卸载的时候调用一次
useEffect(() => {
// console.log('effct')
const timer = setInterval(() => {
// console.log(new Date().toLocaleTimeString())
setTime(new Date().toLocaleTimeString())
}, 1000)
return () => {
// console.log('clear')
clearInterval(timer)
}
}, [])
useEffect(() => {
console.log(props.id)
// 发送网络请求
}, [props.id])
提示:
使用Hook与使用生命周期相比较,业务逻辑更分明。