问题标签 [react-router-component]

I've followed a couple of examples in an attempt to get access to a parameter from a Route in the React component that handles it. However the result of console.log on this.props from inside the render or componentDidMount is always {} when I'd expect it to contain the gameId from the gamesView route.

client.js which starts the Router:

routes.js with some routes removed for simplicity:

...and app.js which wraps the other routes, I've tried it both with and without {...this.props} in the RouteHandler. If I console.log(this.props) from inside the render function here is also returns {}:

Finally the gamesView React component that I expect to see the props object. Here this.props is also {} and the following results in the error TypeError: $__0 is undefined var $__0= this.props.params,gameId=$__0.gameId;:

Anybody have any ideas?

我正在使用 React Router 进行服务器端渲染，我想在某个 Route 上运行一个特殊操作，实际上是在 DefaultRoute 上。我应该如何为此创造条件？我尝试了以下代码：

但是我无法以这种方式获取组件的名称。有没有其他方法可以识别我在默认路由上？

我正在尝试使用 react-router-component 为我的 React 应用程序创建路由。但是当我使用 webpack 构建我的项目时，我得到了错误：

ERROR in ./app/js/client.jsx Module build failed: Error: Parse Error: Line 22: Unexpected token <

路由在我的 client.jsx 文件中，如下所示：

我不确定我在这里做错了什么。任何帮助，将不胜感激。如果您需要更多信息，请告诉我。谢谢！

编辑：我的 webpack 配置如下所示：

你可以在这里看到完整的项目：https ://github.com/mrbgit/short-stories/tree/add-category-age

I am trying to add routing to my simple blogging/short stories app with react-router-component, but no matter what url is entered it shows the same component. The url appears, but it's always the same component that is rendered even though I specified a different handler, so "localhost:3000/" and "localhost:3000/category" both show the same component even though I specified a different handler for "/category". The file looks like this:

You can view the full project on my github https://github.com/mrbgit/short-stories/tree/branch Let me know if you need more info. Thanks!

假设我有一个路由 path #/plugin?search=:q，并且那个查询参数q会被放到我的搜索输入框中，没关系。问题是如果我更改搜索输入框的内容，如何使更改反映在 URL 路径中。假设我在react搜索收件箱中输入，那么我希望 URL 路径变为#/plugin?search=react. 这对反应路由器可行吗？

我是 React 的新手，无法处理这个错误。我有两个组件第一个（路由）：

第二个：

this.props.children未定义，我不明白为什么没有看到这些组件之一 {Catalog} 或 {CatalogDetail}

我有一个相当基本的登录设置（下面的代码），其中包含一些需要身份验证的组件。当我导航到http://localhost:8000/时，它会重定向到http://localhost:8000/login并且一切都很好。如果我随后登录，它会返回http://localhost:8000/并显示我的主要组件。

但是，当我直接导航到http://localhost:8000/login时，它会显示“无法获取 /login”。我的“关于”组件也是如此。当我添加一个磅符号时它确实有效：http://localhost:8000/#/login。谁能解释发生了什么？

我正在尝试创建一个 React 应用程序，但我遇到了一个问题：当我尝试加载主页时，没有抛出任何错误，但页面上没有显示任何内容。

应用程序的入口点是main.js，它在render方法中有这个：

的render方法RootComponent.js如下所示：

其余的组件都是简单的组件。正如我所提到的，没有错误，但应用程序什么也没显示。这是浏览器中实际呈现的内容：

我正在使用“react”：“^0.13.3”和“react-router”：“^1.0.0-beta3”。

为什么页面上什么都没有显示？我该如何纠正？

我正在研究Alex Bank 的“使用 Socket IO 和 React.js 构建轮询应用程序”（Lynda.com），但我正在尝试将其升级到 react-router 1.0.0-RC1。

下面的解决方案，跳过所有这些

请不要将我发送到文档，它对我不起作用，我想我一定太厚了，无法理解文档的“精髓”。

我有一个带有 3 条子路线（观众、演讲者和董事会）的主应用程序。

到目前为止我的代码：

APP.js

路由.js

Audience.js

}

尽管应用程序运行，并且我已阅读文档，但我仍然无法将 APP 的 this.state.status 作为属性传递给 Audience 应用程序。

我已经在这 2 天无济于事，这变得令人沮丧。动图。

期望的结果：

当浏览器打开到 localhost:3000 时，默认页面 (Audience.js) 应如下所示：

我无法将已连接状态传递给受众组件，因此“已连接”一词未显示在受众旁边。Header 的“Untitled Presentation - connected”证明了我已连接

有人可以在这里帮助我。

非常感谢！

假设我有这样的代码：

在 UserContainer 中，我有这样的东西：

如何将 userId 传递给路由器配置中定义的子组件（UserProfileContainer、UserStatsContainer 等）？

这些组件也需要知道当前的 userId。

谢谢。