Learn React Router (v6)

我们将带您参加使用 React Router 构建复杂应用程序的竞赛。

基础知识
在本节中，您将学习 React Router 的基础知识，包括如何创建路由以及如何在这些路由之间导航用户。

URL 参数
在本节中，您将分解 React Router 文档中的“URL 参数”示例，以了解如何利用 URL 参数。

查询字符串
在本节中，我们将分解如何使用 React Router 实现和解析查询字符串。

自定义 Link
因为 React Router 只是组件，所以编写自己的自定义 Link 组件非常简单。在本节中，我们将这样做。

嵌套路由
在本节中，您将学习如何在 React Router 中使用嵌套路由。

以编程方式导航
本节的目标是分解使用 React Router 以编程方式导航的正确方法。

受保护的路由
在本节中，您将学习如何使用 React Router 创建经过身份验证的路由（只有某些用户可以根据其身份验证状态访问的路由）。

代码拆分
在本节中，我们将不仅了解什么是代码拆分以及如何进行代码拆分，还将了解如何使用 React Router 实现它。

路由配置
如果你需要它，你仍然可以使用 React Router 进行中央路由配置。在本节中，您将了解如何操作。

动画过渡
在本节中，您将学习如何使用 React Router 向应用程序添加动画过渡。

受保护的路由
在本节中，您将学习如何使用 React Router 创建经过身份验证的路由（只有某些用户可以根据其身份验证状态访问的路由）。

404 页面
在本节中，您将学习如何使用 React Router 在 React 应用程序中实现捕获所有路由以处理 404 页面。

将Props 传递给 Link
在本节中，您将学习如何将 props 传递给 React Router 的 Link 组件。

侧边
栏 当使用 React Router 构建应用程序时，您通常会想要实现侧边栏或面包屑导航栏。在本节中，您将了解如何操作。

防止转换
很多时候，在使用 React Router 构建应用程序时，您希望在用户离开特定路线之前警告他们。