Appearance
useEffect
是一个 React Hook,用于React组件中创建不是由事件引起而是由渲染本身引起的操作
,比如获取数据、订阅事件、设置定时器等。
javascript
useEffect(()=>{
// 这里是副作用函数
return ()=>{
// 这里是清除副作用函数
}
},[
// 依赖项
// 如果没有依赖项,则只在组件初始化时执行一次
// 如果依赖项为空数组,则只在组件初始化时执行一次
// 如果添加了特定依赖项,则只在特定依赖项更新时执行
])
依赖项 | 副作用函数执行时机 |
---|---|
没有依赖项 | 组件初始渲染+组件更新时执行(created,updated) |
空数组依赖 | 只在初始渲染是执行一次(created) |
添加特定依赖项 | 组件初始渲染+特定依赖项更新时执行(created,watch) |