React Router v6 NavLink有哪些小问题？如何解决？

本文共计3648个文字，预计阅读时间需要15分钟。

目录 + React 路由 v6 版本 NavLink 的两个小技巧 + React + 路由 (React Router v6) + 安装 react-router + 一级路由 + 重定向 + NavLink 高亮 + useRoutes 路由表 ---- 嵌套路由 + 路由的 params 参数 + 路由的 search 参数 + 路由的 state 参数 + 编程

目录

• react路由v6版本NavLink的两个小坑
• react 路由React Router（v6）
• 安装react-router
• 一级路由
• 重定向
• NavLink高亮
• useRoutes路由表----嵌套路由
• 路由的params参数
• 路由的search参数
• 路由的state参数
• 编程式路由导航

react路由v6版本NavLink的两个小坑

本人新人，是按照文档进行学习的，今遇到两个小坑，现记录如下：

第一点，当前版本的NavLink的style或者className当中的isActive，不需要你对isActive进行任何操作，基本上照官网抄就可以了，会自动对isActive属性进行切换。在我看到相关文章中，好像在之前的版本中习惯使用内部的state对isActive进行true到false的转换。