问题标签 [react-router]

使用 react-router 时有什么方法可以防止/#/在浏览器的地址栏中显示？这就是 ReactJS。即点击链接去一个新的路线显示localhost:3000/#/或 localhost:3000/#/about。视路线而定。

我正在尝试通过 require 将 react 和 react-router 加载到我的应用程序中。我必须遵循 shim 设置，但在 react-router 没有获得正确的 React 对象时仍然出现错误。

一切都通过 Bower 安装。React 是 0.11.1，路由器是 0.7.0

我正在尝试将一些道具传递给我处理的组件，但是 react-router 未能这样做。

路由器加载正常，因为我现在可以在 url 中看到“#/”。Left nav 可以很好地渲染并更新状态。但是在传递的组件即objectHandler中没有props.selected。我在这里错过了什么吗？谢谢。

我正在使用反应路由器 0.7.0

我升级到最新的 0.7.0 版react-router，但无法正常工作。我不确定这是否是我的 Require 语句，我从其中一个路由器示例中复制了它们。

我正在使用： watchify --debug -t reactify ./app.jsx -o ./build/app-brow.j

当我删除 react-router 代码时，下面的代码会通过 NPM 模块做出反应：

我在本地有这些 NPM 模块。watchify 全局安装：

应用程序.jsx

索引.html

我正在尝试用webpackand组合一个简单的项目react-router。当我不使用时react-router，一切正常。这是我的代码：

这是我的重要部分webpack.config.js：

但是当我添加require('react-router')到我的js文件时，我收到了这个错误：

有没有人看到这个错误？我究竟做错了什么？

我正在学习React并使用React-router。我正在构建的应用程序是一个移动风格的应用程序，带有顶部导航菜单和下面的内容部分。当我浏览应用程序页面时，我想在菜单栏中添加一个页面“标题”，以识别您当前所在的页面。

我的路线：

HomePage.render:

NavigationMenu.render：

我的问题

到 HomePage 的子路由需要根据 Ajax 调用返回的内容设置其标题。

我曾想过为每条路线添加回调，将标题传递回它们的父类，然后再将这些数据传递给 NavigationMenu。不幸的是，这不起作用：当您浏览页面时，唯一重复调用的函数是渲染，并且在此处设置状态会引发Invariant Violation错误。

我的问题

• 有没有更好的方法来管理标题？
• 除了依赖路由渲染函数每次将数据传递给回调（这看起来很脏）之外，是否还有其他方法可以跟踪当前页面？

我正在创建一个在开发中使用 webpack-dev-server 和 react-router 的应用程序。

似乎 webpack-dev-server 是围绕您将在一个地方（即“/”）拥有公共入口点的假设构建的，而 react-router 允许无限数量的入口点。

我想要 webpack-dev-server 的好处，尤其是对生产力非常有用的热重载功能，但我仍然希望能够加载 react-router 中设置的路由。

如何实现它以使它们一起工作？你能在 webpack-dev-server 前面运行一个快速服务器以允许这样做吗？

使用react-router我正在寻找一种方法来更新页面 URL / 哈希，而无需路由器重新呈现整个页面。

我正在开发一个整页轮播，并希望每张幻灯片都有自己的 URL（允许用户刷新页面并返回到正确的幻灯片）。轮播稍后将有与此演示类似的滑动，这意味着下一张幻灯片是预渲染的。

我的旋转木马的精简版可在此处获得。

当前幻灯片更改如下所示：

这工作正常，没有 URL 更新。我真正想要的是：

这将设置当前幻灯片的道具，允许轮播动画。但是，现在使用此方法会导致页面重新渲染并且不显示动画。

我已经看到ReactCSSTransitionGroup用于路由转换，但是这似乎是为了呈现一个新页面并转换出旧页面。

如果已经有一种方法可以实现我正在寻找的东西，而我错过了它，有人能指出我正确的方向吗？

由于 React 没有任何内置的管理方式document.title，我曾经将它设置在componentDidMount我的路由处理程序中。

但是现在我需要根据state异步获取来修改标题。我开始将 assingments 放入componentDidUpdate，但时不时忘记将document.titleassignment 放入某些页面，并且以前的标题一直存在，直到我终于注意到它。

理想情况下，我想要一种以document.title声明方式表达的方式，而不必分配它。考虑到我希望能够在多个嵌套级别指定文档标题，某种“假”组件可能最方便：

• 在顶层（默认标题）；
• 在页面级别（对于某些页面，但不是全部）；
• 有时，在内部组件级别（例如，用户输入字段）。

其他要求：

• 子项中指定的标题应覆盖父项指定的标题；
• 可靠（保证路线变更时的清理）；
• 不应该发出任何 DOM（即没有组件返回的 hack <noscript>）；
• 我正在使用 react-router 但是如果这个组件也可以与其他路由器一起使用会更好。

有什么我可以用的吗？

我试图找到我在使用 react-router 时遇到的一个棘手的错误。出于某种原因，在顶级页面路由中设置我的一个子组件的状态会导致以下错误：

无论我是否导航到该路径，都会发生此错误。我的路线如下所示：

我的 ajax 调用如下所示：

这个 Feed 是在一堆页面上生成的，包括 HomePage 和 ProfilePage。我在弄清楚 :userId 参数如何与提要中的 Ajax 调用相关时遇到了很多麻烦，但这就是堆栈跟踪引导我的地方。任何有关这里发生的事情的帮助将不胜感激。

更新：发现问题。我的 mongo 数据库已过时（模型模式已更改），这导致了许多问题，最终导致了这种不变违规。我仍然不完全确定这两者是如何相关的，但删除旧对象解决了这个问题。