问题标签 [connected-react-router]

我正在开发一个反应应用程序，我使用React-router和connect-react-router在 redux 中持久化路由信息。我正在使用我的 redux 存储配置中的 history 包提供的CreateBrowserHistory函数将历史记录注入到 connected-react-router 中。

此外，从我的列表组件之一，我通过 this.props.history.push({ pathname: details-path, state: { someRequiredState })在列表组件中使用导航到详细信息组件。此导航工作正常。

但是，在详细信息页面上刷新浏览器并检查当前历史记录（this.props.history）时，我看到状态未定义。我的假设是即使在页面刷新之间浏览器也会维护历史记录。在页面刷新时检查 CreateBrowserHistory 函数输出时，我看到状态未定义。

由于这种未定义的状态，详细信息组件会出错。有没有办法让这种状态默认保持不变。我不想将状态存储在会话或本地存储中，因为历史 API 已经在做同样的事情。

更新：在以下代码段中，即使在同一版本的 Chrome（以及 firefox）上刷新页面后，状态也会保持不变

在我完全发疯之前请帮助我。已经调试了 3 天没有运气:( 我有这个组件在反应

然后路线看起来像这样

好吧，还有其他组件也可以渲染开关，但我认为这并不重要，因为它们都是 APPWrapper 的子组件。

当我渲染这个时，我得到一个You should not use <Route> or withRouter() outside a <Router>

"redux": "^4.0.5", "react-redux": "^7.2.4", "react-router-dom": "^4.3.1", "connected-react-router": "^6.9.1",

我正在尝试将代码库从class组件迁移到functional组件，但是当我这样做时，我的历史记录（browserHistory）和重定向停止工作。

我不知道这是我使用的方式useEffect，还是强迫history.push？但我得到了Warning: You cannot change <Router history> 一个Router和Connected Router。state我从and中获得了正确的值，并且当我只是没有发生这种情况redux时，我可以看到该位置的变化。console.loghistory.push

我正在使用react-redux和connected-react-router。

问题可能是什么？

用例：Facebook API 加载，当用户使用 Facebook 登录时，用户被重定向到另一个页面。

此代码有效：class Component (old code)

相同的代码，但在功能组件上（新代码）

我试图切换到/从的路线

如何使用 routerMiddleware 将历史记录传递给 redux。我在下面尝试过但没有工作。我找不到任何集成 routerMiddleware 的资源。在这里，我正在尝试响应管理仪表板，它要求将历史记录作为道具传递给 redux 存储。所以我试图使用 routeMiddleware 来传递历史道具。

减速机：

我使用 react-router 5x ...，我搜索具有相同路径但具有多个组件，例如

在我的 tsx 中，我有

我正在使用连接的反应路由器在我的项目中进行路由。除非我使用 push('/')，​​否则它似乎按预期工作。这不会更改 URL。如果我从路由定义中删除确切的内容，它会将显示的内容更改为我想要的内容，而不是 URL。

我正在使用的项目版本是：

什么可能导致问题？

编辑：这是我的配置示例。

我最近删除了 react-router-redux 并安装了 connected-react-router，但我一直收到错误消息，说 ReactReduxContext 没有从 react-router 导出。我将 react-router 更新到 v6.0.1，删除了 package.lock，并安装了 npm。仍然得到同样的错误。查看 react-router 包，我可以看到 ReactReduxContext 正在被导出，所以不知道为什么我仍然会收到这个错误。

我正在尝试配置一个应用程序，我正在使用：react 类组件、redux、react-redux、apollo-client、redux-persist 和 connected-react-redux，我收到以下错误：“Uncaught TypeError: store.dispatch不是函数”。
这是根减速器：

这是store.js：

这是index.js：

React-router-dom 版本：5.3.0。React-router 版本：5.2.1
你能帮帮我吗？

我正在尝试设置连接的反应路由器和 RTK 查询的减速器。
（旧代码库已经连接了反应路由器）
然后我收到了这个错误。

设置connectRouter失败

我的“mockApi”很简单。“orderApi”有点相同。

虽然使用 combineReducers 不会产生类型错误，

但我失去了商店的类型。
知道商店的类型在开发中是一个巨大的优势，所以我试图弄清楚如何解决这个错误。

我可以知道我在哪里错了吗？