2024.06.24~2024.06.28

senmu2024/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()
最近更新 2024-07-09 14:24:12