问题标签 [redux-router]

使用 react-router（版本 3）时，我能够创建嵌套路由，因为包装器组件接收了子组件。通过这种方式，我能够为根组件使用“全局”减速器，因为每个子组件都有自己的减速器：

在根组件内部：

我将路由器升级为使用版本 4：

正如你所看到的——我的路由现在是“Flat”，所以我不能真正使用根组件，因此需要为每个组件使用“globalReducer”。

如何使用与以前相同的方法？或者至少是接近它的东西？

我正在尝试使用 react-router v4 和 redux 实现私有路由，但由于某种原因，渲染道具返回 null。如果有人帮助我找出问题所在，我将不胜感激。路由器：

TopSecretRoute.js：

我正在使用 reactjs 和 redux 进行数据控制，组件的代码是

Employeeprofile.jsx：

用户个人资料.jsx：

减速机：

个人详细信息.jsx：

行动：

employee_actions.jsx：

在这里，问题是当我调用组件加载时，我得到“无法调用类函数”。当我在另一个组件中调用上述组件时，问题就来了。

组件“ UserPersonalProfile.jsx ”在“ EmployeeProfilePage.jsx ”内部使用，并使用了它的reducers 和actions。

任何帮助表示赞赏。

提前致谢。

我正在为 Web 应用程序使用React、Redux、Redux Router和Redux Form，并且我想实现一个“编辑”表单。该表单位于 URL 下/components/1/edit。

成功提交表单后，我想重定向到/components/1并显示带有确认消息的 toast。我可以通过连接到 react-formprops.submitSucceeded并渲染<Redirect/>标签来使重定向工作。

但我不确定如何传播确认消息以使其显示。

理想情况下，像 React/Redux 这样的东西在 Ruby on Rails 中采用 flash 消息。

我有一个这样设置的路由器：

我的组件看起来像：

单击按钮时，这可以正常工作。导航正常工作，根据路径加载正确的组件。但是，当我单击浏览器后退/前进按钮时，视图和路径会正确更改，但活动类和样式保持不变。

如何使活动样式和类名与浏览器历史记录（后退/前进按钮）一起使用？

反应路由器版本是 4.2.0

如果您能指出错误，将不胜感激，我很疲惫。我正在使用这样的反应路由器：

这工作得很好。然而，当我在 div 周围包裹另一个组件时，在这种情况下是一个StartupLogic组件，路由停止工作具体我正在使用：

当StartupLogic没有包裹在 div 周围时，这可以正常工作，这意味着 url 栏更改为localhost:3000/login并且 LoginComponent 已安装。

当 StartupLogic 组件安装在 div 周围时，url 栏变为localhost:3000/login但LoginComponent不呈现，我被困在那里看着SplashScreen.

StartupLogic 组件：

我用路由设置了 reactjs，但我的路由不起作用。当我加载页面时它可以工作，但是当我单击链接时，URL 会更改，但组件不会呈现。我试图在沙箱中尽可能多地投入。使用 URL/admin 加载并单击注销等。

https://codesandbox.io/s/o5430k7p4z

指数

应用程序

我有一组容器，我现在已经分开了。布局包含应用导航链接。应用程序包含布局中的内容（实际上是子级）。

这是不使用Layout导航链接时代码的外观。

这位于ReactDOM.render：

这一切都有效，直到我将布局与 base 分开CspApp。

我试图添加一个布局，所以它看起来像这样：

我相信这会起作用，但非常正确的是，它期望顶部导航的道具能够正确呈现。

如何正确地将道具传递给这个？我可以通过将 store 一个一个地传递给组件来做到这一点：

但是有没有更好的方法来实现这一点？

聚合物应用程序正在使用 redux 来存储应用程序的状态。这个想法是将所有路由也存储在状态中（见下图）。我想为此使用redux-router，但是当我尝试将库导入我的应用程序时，我一开始就开始面临问题。

我的导入代码如下所示：

我通过此导入得到的错误是：

意外令牌 =

如果我尝试像这样导入：

我得到：

未捕获的语法错误：请求的模块“../../node_modules/redux-router/lib/index.js”不提供名为“ReduxRouter”的导出

而如果：

然后：

未捕获的 SyntaxError：意外的令牌导出

该问题可以在起始聚合物 3 应用程序中重现。或者，我认为，在任何聚合物应用程序中。

所以：

1. 什么是正确的导入方式？
2. 如果我只需要在状态中存储所有路由和历史记录，我可以在聚合物应用程序中使用 redux-router（没有反应）吗？
3. 我还有什么其他选择。你知道有什么好的图书馆吗？

我是 react 和 redux 世界的新手。我有一个关于反应路由器的问题。以下是我的 App 组件。

我的列表类如下所示：

所以我的问题是：当我单击列表容器中的按钮时，为什么我的路由器找不到这个 url 'localhost:xxx/list/deposit'？它呈现 App 组件，但它永远不会返回到 List 组件。是否可以在我的列表容器中包含自定义路由？难道我做错了什么？请有人帮我解决这个问题。

我希望你能理解我的问题。提前致谢。

回答：

我找到了答案，问题出在我的 App 组件列表路径中。我有'exact'关键字，这就是我的列表组件中的路由不起作用的原因。遵循的方式是正确的方式。

我希望这会对某人有所帮助。