react路由

react-router-dom v6版本 路由配置

介绍

• react-router-dom v6版本相比较v5版本，在路由组件配置/路由跳转/路由重定向/路由传递参数等方面有所不同，使用起来还需注意。

参考 react-router-dom文档

安装

npm/cnpm install react-router-dom -S

注：当前项目中的package.json文件中新增包react-router-dom及版本号,即代表安装成功，一般默认下载的都是最新包。

对比 react-router-dom 5.v版本

• Routes取代原先的Switch
• Route中的element属性取代了原来的component属性及render属性
• 新增Outlet组件
• 路由跳转时，useNavigate hooks跳转，代替useHistory
• 获取路由参数

	1.useParams 获取动态路由的值
	2.useSearchP