React Router之深度Redux集成

Redux是React生态系统的重要组成部分。对于想要同时使用React Router和Redux的人们,我们希望使其无缝集成。为此,有些人希望:

  1. 与store同步路由数据,并从store访问路由数据。
  2. 能够通过dispatching动作进行导航。
  3. 在Redux devtools中支持对路线更改进行时间旅行调试。

所有这些都需要更深入的集成。

我们的建议是完全不要在Redux store中保留您的Route。这是我们的理由:

  1. 路由数据已经成为您关心它的大多数组件的支持。无论是来自store还是路由器,您组件的代码都基本相同。
  2. 在大多数情况下,你可以使用LinkNavLinkRedirect进行导航操作。有时,在某些最初由操作启动的异步任务之后,您可能还需要以编程方式导航。例如,您可以在用户提交登录表单时调度操作。然后,您的thunksaga或其他异步处理程序对凭据进行身份验证,如果成功,需要以某种方式导航到新页面。这里的解决方案只是将history对象(提供给所有路由组件&#x

猜你喜欢

转载自blog.csdn.net/qq_27868061/article/details/112727086