问题标签 [react-router-dom]

操作系统：Windows 10 Pro
反应路由器：4.1.1
反应：15.5.4

如何将道具<Route>传递给组件，这些道具是通过 connect() 传递给组件的？

应用程序.js

应用程序.js

Main.js - 所以，当我尝试这样做时：

我收到一条Uncaught TypeError: Cannot read property 'children' of undefined错误消息。在 PhotoGrid.js 中记录 this.props 的控制台显示该道具是一个空对象。但是 this.props 是根据附图：

完整的错误信息是：

操作系统：Windows 10 Pro
反应路由器：4.1.1
反应：15.5.4

因此，我正在从 react-router v2 迁移到 v4，并且遇到了上述参数的问题，因为它丢失了。

当路由view/:postId (/view/0)匹配时会发生错误，但渲染的组件没有检测到任何this.props.params.postId.

这里有什么问题？

我的路由组件（Main.js）如下：

我渲染的组件（Single.js）如下：

更新：

现在似乎可以通过执行 this.props.match.params 访问 params，但在 devTools 中检查时，该对象为空。这里有什么问题？

我有一个非常简单的项目，反应路由器 dom 不是渲染组件。有时它会为第一条路线渲染组件，但随后它不会渲染。

这是 App.js 的代码：

所有路由组件都是仅带有 span 标签的简单组件。

请帮忙

在上面的代码中，每次用户导航到注销时，它都会调用一个操作来注销用户，然后将他们重定向到主页。它除了调用函数什么都不做。有没有一种方法可以在不实际渲染组件的情况下调用动作创建者？

拥有上面的代码似乎太浪费了。而且我不能渲染任何东西，否则会引发错误。有什么办法吗？

这是我的登录页面 (App.jsx) 我在成功登录后尝试导航到仪表板。但它没有按预期导航。我想知道是否可以从外部页面（App.jsx）导航到路由页面（Dashboard.jsx）。

这是我的仪表板页面 (Dashboard.jsx)

操作系统：Windows 10 Pro
反应路由器：4.1.1
反应：15.5.4

因此，我在 a 中进行条件检查<Route />以确定 authToken 是否存在，如果它不重定向用户登录，否则呈现关联的组件。但即使令牌存在，如图所示，如果您重新加载 root/或/view/:postId.

我在这里忽略了什么？

应用程序.js

应用程序.js

主.js

当用户在输入字段上按下回车键时，我正在尝试重定向到新路线。我有一个标题和搜索组件，我想在每个页面上呈现。我发现了使用 Redirect 组件、withRouter 组件、使用上下文以及可能将历史记录对象传递给输入字段所在的 Search 组件的不同用例。任何帮助，将不胜感激..

App.js（主要组件）

Search.js（输入组件）

我目前有这段代码，当我尝试在我的应用程序中实现 react-router-dom 时：

主.js：

应用程序.js：

和routes.js：

但是，当我在浏览器上运行它时，我只得到：

我尝试了很多东西，起初我使用的是 React-Router，但后来我看到它已被重新实现为“react-router-dom”，我按照互联网教程的步骤进行操作，但我看不到修正它。有任何想法吗？

所以我试图掌握 new react-router-dom，但我无法让 Link 元素正常工作：即使我使用

目的地不会替换当前路由器位置，但会推送到它。

你知道我怎样才能得到它来代替它吗？

我正在尝试使用儿童，仅在使用 react-router-dom 的路线内我无法访问 this.props.childre 所以我这样做了：

索引.js：

应用程序.js：

问题是，当我尝试通过浏览器访问内部路由时，它会出现一个空白页面，但是如果我访问链接或重定向它可以正常工作