当前位置: 首页 > 知识库问答 >
问题:

除了reac路由器,Redux路由器还有什么用途?

钮边浩
2023-03-14

伙计们。当我通过redux-router的留档,我只是不明白为什么我们需要它?

以下是文档试图解释的内容:

React Router是一个很棒的路由库,但它的一个缺点是它抽象出了应用程序状态的一个非常关键的部分—当前路由!这种抽象对于路由匹配和渲染非常有用,但是用于与路由器交互的API(1)触发转换,2)对组件生命周期内的状态更改做出反应,这还需要改进。

事实证明,我们已经用Flux(和Redux)解决了这些问题:我们使用动作生成器触发状态更改,我们使用高阶组件订阅状态更改。

此库允许您将路由器状态保存在Redux存储中。因此,获取当前路径名、查询和参数与选择应用程序状态的任何其他部分一样简单。

据我所知,它是想说redux路由器可以保持路由器状态在redux商店,这样我们就可以更方便地获得路由信息。

但在反应路由器,我也可以很容易地做到这一点。像path="消息/: id"一样,我可以使用this.props.params.id来获取参数。

有人能解释一下redux路由器在什么情况下能带来好处吗?

共有2个答案

阙沛
2023-03-14

redux simple router是一个库,它可以帮助您了解如何在redux应用程序中使用react router。

它是一个非常简单的库,将URL存储在redux状态,并使其与任何反应路由器更改保持同步。

与redux-router相比,redux-router是:

  • 小得多,简单得多。你不需要在学习其他知识的基础上再学习另一个图书馆

按照以下两个例子之一启动并运行:

    简单路由器示例
  • redux前端样板
司徒修能
2023-03-14

Redux(通常是flux模式)是将整个应用程序状态存储在一个中心位置。这样做的好处是更容易调试,并且更容易实现某些功能。

如果您曾经在带有react router的react应用程序中使用过redux devtools,您会注意到它的用途有限,因为您无法重放应用程序的整个生命周期。当用户更改路由时,这不会记录在redux存储中。Redux路由器将路由状态保存在存储中。

您可以使用它进行调试,您可以序列化整个存储历史记录并将其记录到其他位置以重播用户会话。您可以连接到它来实现完全撤销,或者记录分析事件。

 类似资料:
  • 使用redux和反应路由器,我想访问路由指定的组件以外的组件上的路由参数。 我已经对react-router、redux和react-router-redux进行了如下设置,我想从我的redux存储访问reportId参数。 我已经尝试连接react-redux路由器来存储路由状态,但是我发现除了活动路由的完整路径之外,redux内部没有任何有用的存储。这让我可以选择从redux中的路径解析出re

  • anu可以完美与react-router搭配使用。 但强烈建议使用reach router, 这个比react router更好用。 anujs也对它进行改造,让它支持IE8的hashchange reach的官网 https://reach.tech/router resolve: { alias: { react: "anujs", "react-dom":

  • 添加一个自定义的路由器 $prepend = false; Swoole::$php->addRouter(new App\MyRouter, $prepend); 第一个参数为路由器对象,必须实现Swoole\IFace\Router接口 第二个参数如果为true,表示添加到路由表的起始位置,默认为false,表示追加到末尾 底层默认添加了2个路由器Swoole\Router\Rewrite和

  • 路由闭包 绝不 在路由配置文件里书写『闭包路由』或者其他业务逻辑代码,因为一旦使用将无法使用 路由缓存 。 路由器要保持干净整洁,绝不 放置除路由配置以外的其他程序逻辑。 Restful 路由 必须 优先使用 Restful 路由,配合资源控制器使用,见 文档。 超出 Restful 路由的,应该 模仿上图的方式来定义路由。 resource 方法正确使用 一般资源路由定义: Route::res

  • Faygo路由器由 MuxAPI API信息与 httprouter 路由两层构成。这样既满足记录详细API信息的需求,又能够保持真实路由的高性能。 MuxAPI API信息层: 属于预注册路由,对外提供无限层级的路由注册功能,支持树状与链状两种注册形式 记录全部API信息,如请求方法、请求路径、请求参数、API名称、API注意事项、API响应说明、操作链(Handler与Middleware)等

  • 我正在使用react路由器v4和redux,如果用户未登录,我想使用私有和受保护的路由重定向。 我有一个路由组件: 它是这样实现的: 这是私人路线: 传递prop的最佳方式是什么,如果我连接Routes组件并从那里传递是否可以,或者应该从其他地方传递,或者连接需要它的每个组件并从那里读取?此外,这种方法如何处理嵌套路由,如?谢谢