问题标签 [react-router-dom]

大约一个月前我提出了一个类似的问题，这似乎解决了我在这里的所有问题，但是我猜 react-router 版本发生了变化，现在这一切都变成了垃圾？因为现在这些都不起作用，根据我的研究，代码有一些相当大的变化。

我只想为一个简单的 webapp 做一些简单的路由，使用我之前线程中的相同示例，我目前有这个：

不幸的是，即使这样，我仍然无法在不同的组件之间导航并不断收到消息

无法获取 /page1

我还注意到 this.props.children 似乎不再使用了，或者至少它不像以前那样工作了。

无论如何，我想要的只是能够在页面之间导航并适当地路由它们。我在这里做错了什么？

编辑：我还应该提到我已经阅读了 React Router 的文档并尝试按照这里看到的方法进行操作，不幸的是这些路由仍然不起作用。

我想添加一个没有 App 作为父级的登录页面。这是我当前的 HashRouter 设置：

如果我这样做：

然后我得到应用程序上方的登录页面。这是我的应用程序组件：

使用不包括应用程序的登录组件获取登录路径的最佳方法是什么？

我正在 react-application 中实现路由。我对 react-router 4.0 相对于 react-router-redux 的优势感到困惑。我也对 react-router-dom 感到困惑。

react-router-redux、react-router 4.0 和 react-router-dom 各自的优缺点是什么？

这是我应该如何使用react-router和嵌套路由react-router-dom吗？

此代码有效，但我没有完全理解文档，所以我想确定一下。

我在我的项目中使用 react-router-dom 4.0.0-beta.6 。我有如下代码：

我想在HomePage组件中获取查询参数。我找到了location.search参数，它看起来像这样：?key=value，所以它是未解析的。

使用 react-router v4 获取查询参数的正确方法是什么？

我有一个父组件app.js

并且有一个子组件作为Scholarships.js

它抛出错误警告：React.createElement：类型无效 - 期望字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件。检查App. bundle.js:357:9和 错误：A 可能只有一个子元素 我刚开始反应，所以这可能是一个菜鸟问题，但我在这里被打动了，如果我<Scholarships />直接传递给main.js，它的工作原理是预计为什么我不能在这里嵌套它

另外我也试过

• const scholarship = () => <Scholarships />
• const scholarship = <Scholarships />
• const scholarship = () => (<Scholarships />)
• const scholarship = () => {Scholarships}

我还想知道我的奖学金组件返回的是纯 JSON.Stringify 文本，那么为什么它仍然是一个引用的对象const scholarship = () => <Scholarship />

我的main.js文件

使用以前的 react-router 我能够做到这一点：

从我的 actionCreators 文件中，我可以做这样的事情：

但是使用新的 react-router-dom (v4) 似乎我不能再像那样导入 browserHistory 并且访问历史对象的唯一方法是从 React components props

在使用 react-router-dom 完成异步 redux 操作后，将用户重定向到新页面的方法是什么？

我正在制作一个带有 2 个库的应用程序以及react. 我正在使用leaflet和marzipano。

我Redux用作数据同步。

现在，我想通过单击传单标记来更改路线。使用 histroy.pushState 会导致 url 更改，但route params我的react组件中没有。

所以绕过这个我全局this.props.history作为历史，然后使用它的push方法来改变状态。

有没有更好的方法来做到这一点......使用这个感觉不对......就像一个猴子补丁。

关于未解决的问题（作为最终结论）

• react-router-dom v4 中的多个嵌套路由
• 如何在 React Router v4 中嵌套路由？

我也遇到了同样的问题。

https://reacttraining.com/react-router/web/guides/quick-start推广react-router-dom

此外，人们发现list down routes在一个文件中而不是在组件中更好。

提到的东西： https ://github.com/ReactTraining/react-router/tree/master/packages/react-router-config

一些工作（大部分）：

有些东西不起作用： site.com/SomeGarbagePath 显示<MainApp>我的想法。
<Route path="*" component={PageNotFound}/>

更新

我在生产中工作时遇到了 react-router-dom 问题。虽然我的应用程序页眉和页脚渲染得很好，但路由器不起作用，我可以看到以下注释，在 Chrome devtools 中检查 html 时，我的路由应该出现在这些地方。我没有收到控制台错误。

这是我的 App.js 组件文件：

这是我的 index.js 文件：

路由器在开发模式下就像一个魅力。使用 Webpack 进行构建。

** 家庭组件：

* 更新 *

切换到哈希路由器后，应用程序现在正在运行。任何进一步的评论表示赞赏，因为 BrowserRouter 是根据文档推荐的方法。