react-router之路由重定向
2023-09-11 14:19:18 时间
在老版本的使用中,我们一般都是用
Redirect
进行重定向,在V6版本中,我们使用Navigate
组件,官网
例子
export default function App() {
return (
<div className="App">
<h1>Welcome to React Router!</h1>
<Routes>
<Route path="/" element={<Home />} />
<Route path="about" element={<About />} />
{/* 重定向到首页 */}
<Route path="*" element={<Navigate to="/"/>} />
</Routes>
</div>
);
}
当我们输入一个不存在的路由路径的时候,他就会重定向到首页
相关文章
- RIP路由协议及工作原理
- react开发教程(六)React与DOM
- ASP.NET MVC Routing Debugger路由调试工具
- 第二百六十三节,Tornado框架-基于正则的动态路由映射
- [React] Use react styled system with styled components
- [React Testing] Test Drive Mocking react-router’s Redirect Component on a Form Submission
- [React Testing] Mock react-transition-group in React Component Tests with jest.mock
- [React] Ensure all React useEffect Effects Run Synchronously in Tests with react-testing-library
- [React] Override webpack config for create-react-app without ejection
- [React Intl] Format Date and Time Using react-intl FormattedDate and FormattedTime
- [React] Create an Auto Resizing Virtualized List with react-virtualized
- React 阻止路由离开(路由拦截)
- rest framework-视图和路由-长期维护
- [React] Use react styled system with styled components
- [React] Using react-styleguidist for Component demo
- [React Testing] Test Drive Mocking react-router’s Redirect Component on a Form Submission
- [React Intl] Use a react-intl Higher Order Component to format messages
- [React Intl] Format a Date Relative to the Current Date Using react-intl FormattedRelative
- [React] Create an Auto Resizing Virtualized List with react-virtualized
- SAP 电商云 Spartacus UI Quick Order 的路由和 CMS 实现
- vue项目路由不跳转的问题
- Vue学习之--------路由(Router)的基本使用(1)(2022/9/5)
- 【云原生之Docker实战】使用Docker部署openwrt软路由系统
- 【Linux网络配置实战】服务器Network静态路由配置
- 路由概念、协议分类、路由信息三种来源及路由基本配置操作
- Vue: vue-router路由
- 【taro react】---- 编译微信小程序后报错:Error: Minified React error #321;
- 【taro react】---- h5路由配置取消路由上的#