React 路由

一、基本使用

1.明确好界面中的导航区、展示区

2.导航区的a标签改为Link标签

<Link to="/xxxxx">Demo</Link>

3.展示区写Route标签进行路径的匹配

<Route path='/xxxx' component={Demo}/>

4 .< App>的最外侧包裹了一个<BrowserRouter>或<HashRouter>

二、路由组件和一般组件

三、Switch的使用

四、解决多级路径刷新页面样式丢失问题

五、路由的严格匹配和模糊匹配

六、Redirect的使用

相关推荐
放下华子我只抽RuiKe534 分钟前
React 从入门到生产(四):自定义 Hook
前端·javascript·人工智能·深度学习·react.js·自然语言处理·前端框架
从文处安5 小时前
「前端何去何从」React Router:让单页应用有多页的体验
前端·react.js
whuhewei7 小时前
React diff算法为什么是DFS,不是BFS
算法·react.js·深度优先
从文处安7 小时前
「前端何去何从」混乱到有序的状态管理: Reducer 与 Context
前端·react.js
爱滑雪的码农10 小时前
React Native 完整开发全流程(从零到上线)
javascript·react native·react.js
Maimai1080810 小时前
React 多步骤表单工程化落地:从 Zod Schema、React Hook Form 到 Zustand 持久化
前端·javascript·react.js·前端框架·状态模式
Maimai1080810 小时前
React Query + Zustand 正确结合方式:不要把接口数据复制进 Store
前端·javascript·react.js·前端框架·web3·状态模式
Maimai1080811 小时前
Zustand 项目落地:从全局状态、Store 拆分到真实业务封装
前端·react.js·前端框架·状态模式
放下华子我只抽RuiKe511 小时前
React 从入门到生产(五):状态管理选型
前端·javascript·人工智能·深度学习·react.js·前端框架·ecmascript
卸任11 小时前
为Tiptap富文本编辑器增加Word导出功能
前端·react.js