掘金有很多关于vue的动态路由文章，关于react的动态路由实现方案比较少。这一篇给大家分享一套个人觉得比较优雅的动态路由实现方案，react和vue都支持。

本文记录 antd 组件 Menu 与 react-router-dom 协作过程中，菜单项无法跟随 URL 高亮的问题，思考过程以及解决方案。最后将实现一个自定义 Hook 包装主要逻辑以便复用。

React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之

众所周知，React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之间切换而不用刷新整个网页. React-Router 就是一个扩展 …

看了一圈 react router 文章，发现写 v6 的文章好像不多，也大多是 v6.4 之前的，比较碎片化。所以基于自己的学习和理解，梳理一下 react router v6 快速上手教程。

上期我们通过递归的方式实现了配置化的菜单栏，但是单纯使用菜单栏还不够，项目中需要有一套路由管理。我们可以引入react-router-dom实现。

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项目中使用 React Rou

全网最全 react-router-dom v6.0学习指南（新特性深入解读、持续更新...）！！！

不知不觉使用 React 也有一段时间了，最近也在学习 React 的一些相关知识，于是打算整理成文章顺便分享出来，进而巩固自己对 React 整体的认知。如有错误，欢迎指正！