前端面试react题目5|react-router,编程式导航,路由传参,嵌套路由,404路由配置,useState

本文深入探讨React Hooks的useState、useEffect、useRef和useContext,讲解如何控制副作用执行时机及清理。此外,详细介绍了React Router的基础使用,包括编程式导航、路由传参、嵌套路由和404配置,帮助读者掌握前端开发中的关键技能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

依赖项控制副作用的执行时机
1.默认状态无依赖项
组件初始化的时候先执行一次,等到每次数据修改组件更新再次执行
2.添加一个空数组依赖项
组件初始化的时候执行一次
3.依赖特定项
组件初始化的时候执行一次,依赖的特定想变化的时候会再次执行
4.注意事项
只要在useEffect回调函数当中用到的数据状态就i应该出现在依赖项数据当中声明,否则会有bug
什么时候会执行副作用函数?初始化+count/name被修改的时候都会执行
某种意义上hooke出现就是想不用声明周期的概念也会写业务代码

3. 依赖项控制执行时机

本节任务: 能够学会使用依赖项控制副作用的执行时机

  1. 不添加依赖项

组件首次渲染执行一次,以及不管是哪个状态更改引起组件更新时都会重新执行
1组件初始渲染
2组件更新 (不管是哪个状态引起的更新)

useEffect(()=>{
    console.log('副作用执行了')
})

2. 添加空数组

组件只在首次渲染时执行一次

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值