React Router V7使用详解

1，安装

React Router是React生态系统中最流行的路由解决方案，它允许开发者在单页应用的不同页面之间进行切换，而不需要重新加载整个页面，React Router与React框架深度集成，使得开发者在单页面应用中进行页面切换时变得轻而易举。

作为官方推荐的路由解决方案，React Router提供了丰富的功能集，包括基本的路由导航、嵌套路由、动态路由、路由懒加载、路由鉴权以及基于组件的路由配置、路由参数、通配符等。此外，它还支持由React系统提供的过渡动画效果、自动激活CSS类的链接、URL的编码等路由功能。作为React生态系统中重要的成员，React Router基本能够满足Web应用开发中所有的路由开发需求。

对于已经存在的React项目来说，如果还没有安装React Router路由库，可以使用如下的命令从npm registry中安装React Router。

npm install react-router

如果是一个全新的项目，那么也可以选择带有React Router路由的基本模板来创建React项目，命令如下。

npx create-react-router@latest my-react-router-app

2，路由器

React Router在组件顶层放置了一个路由器xxRouter组件,里面维