React 路由

一、基本使用

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

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

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

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

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

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

二、路由组件和一般组件

三、Switch的使用

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

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

六、Redirect的使用

相关推荐
发现一只大呆瓜1 小时前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
发现一只大呆瓜3 小时前
React-路由监听 / 跳转 / 守卫全攻略(附实战代码)
前端·react.js·面试
Ruihong9 小时前
【VuReact】轻松实现 Vue 到 React 路由适配
前端·react.js
软弹11 小时前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
前端炒粉12 小时前
React 面试高频题
前端·react.js·面试
张一凡9312 小时前
React 项目也能用依赖注入?我尝试了一下,真香
前端·react.js
Csvn13 小时前
Redux Toolkit 实战
react.js
snow_yan13 小时前
基于 json-render 的流式表单渲染方案
前端·react.js·llm
Csvn13 小时前
组件设计模式(下):HOC、Render Props 与 Compound Components
react.js
用户28145125499213 小时前
迷你React手写系列-React基本概念
react.js