依赖项控制副作用的执行时机
1.默认状态无依赖项
组件初始化的时候先执行一次,等到每次数据修改组件更新再次执行
2.添加一个空数组依赖项
组件初始化的时候执行一次
3.依赖特定项
组件初始化的时候执行一次,依赖的特定想变化的时候会再次执行
4.注意事项
只要在useEffect回调函数当中用到的数据状态就i应该出现在依赖项数据当中声明,否则会有bug
什么时候会执行副作用函数?初始化+count/name被修改的时候都会执行
某种意义上hooke出现就是想不用声明周期的概念也会写业务代码
3. 依赖项控制执行时机
本节任务: 能够学会使用依赖项控制副作用的执行时机
- 不添加依赖项
组件首次渲染执行一次,以及不管是哪个状态更改引起组件更新时都会重新执行
1组件初始渲染
2组件更新 (不管是哪个状态引起的更新)
useEffect(()=>{
console.log('副作用执行了')
})
2. 添加空数组
组件只在首次渲染时执行一次