2024.06.24~2024.06.28

# react-router 从 v5 升级到 v6 需要注意哪些事项？

v4/v5 与 v5.1+ 有一些区别，如果是前者则需要先了解一些语法上的不同open in new window

Official v5 to v6 Migration Guideopen in new window

需要注意的是：React 版本必须是 16.8+

可以采取渐进式升级策略，先使用过渡包(react-router-dom-v5-compat)，过渡包支持旧语法包括新语法。

这里总结下关键性变化吧：

• 将 <Switch> 变为 <Routes>
• 一些 Hook API 变化
  • const { params } = props.match => const params = useParams()
  • const location = props.location => const location = useLocation()
  • const history = props.history => const navigate = useNavigate()