react 动态修改路由_是时候放弃react-router，拥抱route状态化了

最新推荐文章于 2024-07-13 21:47:20 发布

郑二二

最新推荐文章于 2024-07-13 21:47:20 发布

阅读量434

点赞数

文章标签： react 动态修改路由

本文链接：https://blog.csdn.net/weixin_29832179/article/details/112177892

版权

本文探讨了React路由管理的两种常见方式：集中配置式路由和动态组件式路由，以及它们的优缺点。作者提出将路由视为应用状态的一种形式，通过路由状态化简化路由逻辑，并分享了一个开源方案@medux/route-plan-a，以实现更简洁的路由管理。文章结尾指出，路由状态化有利于应对业务需求的动态变化。

摘要由CSDN通过智能技术生成

前端路由设置通常分为 2 类：

集中配置式路由

这也是早些时候用得最多的方式，比如：

{
    
  "routes": [
    {
    "path": "/", "component": "./a"},
    {
    "path": "/list", "component": "./b", "Routes": ["./routes/PrivateRoute.js"]},
    {
    
      "path": "/users",
      "component": "./users/_layout",
      "routes": [
        {
    "path": "/users/detail", "component": "./users/detail"},
        {
    "path": "/users/:id", "component": "./users/id"}
      ]
    }
  ]
}

甚至有的框架把路由和请求数据融合