Skip to content

useEffect

是一个 React Hook,用于React组件中创建不是由事件引起而是由渲染本身引起的操作,比如获取数据、订阅事件、设置定时器等。

javascript
useEffect(()=>{
  // 这里是副作用函数
  return ()=>{
    // 这里是清除副作用函数
  }
},[
  // 依赖项 
  // 如果没有依赖项,则只在组件初始化时执行一次
  // 如果依赖项为空数组,则只在组件初始化时执行一次
  // 如果添加了特定依赖项,则只在特定依赖项更新时执行
  ])
依赖项副作用函数执行时机
没有依赖项组件初始渲染+组件更新时执行(created,updated)
空数组依赖只在初始渲染是执行一次(created)
添加特定依赖项组件初始渲染+特定依赖项更新时执行(created,watch)