问题标签 [connected-react-router]

我使用connected-react-router并拥有一些类型的页面：main、inner、auth、admin。取决于当前页面类型，我呈现某些组件。现在它以这种方式工作：我的configreducer 中有 4 个 props 具有 bool 值: isMainPage, isInnerPage, isAdminPage, isAuthPage，并且一次只能有一个为真。每当我更改位置时，它们都会更改（通过在 中执行某些操作componentDidMount）。所以，我想处理connected-react-router，如果可能的话，将这些 props 从 config reducer 传递到路由器。然后，如果可能的话，我想执行一个操作来定义当前页面类型并设置它，然后我会在组件中获得这个 val。这一切都有可能吗？对不起这个解释 - 我只是在学习。

我会提供一些代码，但我不知道哪一部分会有所帮助 - 请要求提供

配置减速器：

配置动作：

设置任何类型的组件示例：

呈现任何依赖于页面类型的组件示例：

我有一个带有计数器减速器和存储的计数器组件，在打字稿中实现。我无法通过打字将组件连接到商店。当我在商店中定义一个状态时，我遇到了一个问题。

我也在使用connected-react-router，它包装了组合reducer，但我仍然收到以下错误：

错误：

错误在这一行：

零件：

店铺：

减速器：

已经提出了非常相似的问题，但它们都不起作用，或者它们与我的情况不同。

我的目标：我想在我的 redux Observable 史诗中将 '/login' 路由更改为 '/' 路由。我想做一个简单的登录，当身份验证成功时，它应该转到主页。

我已经尝试过的：简单地使用了'connected-react-router'中的{push}；像 mapTo(push('/login')) 这样的方法，但位置发生了变化，但卡在了登录页面上。我还设法注入了历史对象，但出现“TypeError：无法读取未定义的属性'类型'”错误。我还尝试将 connected-react-router 版本降级，它是如何在其他线程中建议的，但这也无济于事。

我是 Redux Observable 的新手，所以我可能会在这里错过一些非常基本的东西，但我真的找不到好的例子。

这是我史诗中的相关代码：

cofigureStore.ts：

历史.ts：

应用程序.ts：

非常感谢您的帮助！

我在这里需要一个建议......我正在学习如何基于反应构建一个完整的应用程序。这是测试应用程序：https ://codesandbox.io/s/craky-platform-46sjl

使用 React、Redux、Saga 和 typescript。

到目前为止一切正常，除了路由：

-Custon 事件被触发：onClick={() => redirectRequest('/')}

- 当我手动尝试访问一个 url 时：/starwars 例如：那行得通

- 在 redux devtool 中也触发了路由器事件：https ://snipboard.io/uWaokq.jpg

- Url 更改和 props + state 中的 {location} 更新

- 视图没有更新 --> 不显示其他组件

我检查了很多 github 问题/其他堆栈问题，但到目前为止似乎没有任何问题。也许你们会知道我在这里缺少什么。

谢谢你的时间 ！

我使用 connected-react-router 创建了以下路由，如下所示

但是当我点击 url my.domain.com/c 时，组件没有得到渲染。但是当我去给 url my.domain.com/c/12 时，它就可以工作了。我也尝试过设置 exact={false} 。它仍然不起作用。任何帮助都将帮助我更进一步。

您好，我使用 React 和 Redux 构建了一个应用程序，我搜索了如何在 redux 操作后处理重定向，我从 ReactRouter 找到了 connected-react-router 包，我遵循了所有官方文档，但我收到以下错误：TypeError: Cannot读取未定义的属性“位置”，我看到了很多关于这个问题的主题，我尝试将我的 redux 版本降级到 6.0.1，我还尝试将我的历史记录移动到一个单独的文件

历史.js

routerReducer.js

store.js

应用程序.js

AppRouter.js

我似乎无法弄清楚如何在 React Router v5 中打印子路由。这是我设置应用程序的方式。

1) index.jsx

);

2) 路由.jsx

3) 应用程序.jsx

4) generateRoutes 方法

5) 路由配置

问题是，从我的 App.jsx 开始，直到呈现 NavTab 之前的所有内容。只是它的路由部分没有被渲染。我知道我在这里遗漏了一些非常愚蠢的东西，但似乎无法弄清楚。

任何帮助表示赞赏。

在 Shubham 的回答之后编辑：

我进行了更改，但仍然面临同样的问题。然而，而不是

render={props => <route.component {...props} />}

我用了

children={props => <route.component {...props} />}.

这似乎正在加载组件，但现在我看到如下错误：

我已将 basename 更改为 '/test'

现在我无法打开同一文件夹中的本地图像

历史.ts

从 home.tsx （这不起作用）

如何确保本地图像也将使用基本图像

我想在测试期间更新存储在我的redux商店中的 URL connected-react-router，因为我的一些逻辑依赖于此。当我dispatchapush时，操作会被记录（我能够使用记录器中间件来验证），但实际状态不会改变。

我有这段代码来重现特定问题：

有谁知道为什么这不能像我期望的那样工作？

相关包：

我打电话时反复收到Could not find router reducer in state tree, it must be mounted under "router"错误消息。dispatch(push("/"));

索引.tsx

配置存储.ts

减速器.ts

单击登录表单上的提交按钮后，我会发送给loginAsync操作创建者：

我的控制台显示该SUCCESS LOGIN消息已打印，但上述错误消息紧随其后。

如果我查看 URL，URL 似乎导航到正确的路径“/”，但屏幕仍然显示登录表单而不是我的主页。

任何帮助将不胜感激。