问题标签 [react-router-redux]

我有一个使用客户端渲染的 React (redux) 应用程序。我希望我的网站描述和标题可以被谷歌抓取（他们似乎抓取异步的东西，因为我的网站在谷歌中显示很好，带有来自我的 h1 标签的文本）所以我找到了一个名为 react-helmet 的库，它建立在 react-document-图书馆。这个库允许我根据我当前的路线更改文档标题和描述。

所以这是我的问题：

1. 目前（1 周后）我的谷歌搜索结果没有改变，这让我认为谷歌没有抓取我的网站或谷歌抓取了它但没有注意到描述的动态变化，只是使用了我的 h1 标签。但是我怎样才能检查发生了哪一个呢？
2. 我注意到 Instagram 有一个客户端渲染的应用程序，但不知何故，当我检查页面源时，他们已经更改了每个页面上的标题和描述，即使 body 标签只是一个空 div，这是客户端渲染应用程序的典型特征。我不明白他们怎么能做到这一点。

反应头盔

我正在编写一个应用程序，redux-router并且我正在使用 aReactCSSTransitionGroup在页面之间设置动画，如下所示：

我正在处理的项目有一个index页面和articles. 我将如何根据用户是否从 the 移动index到 an 来显示不同的转换article，反之亦然？这也会自动覆盖后退按钮吗？

我已经和这个战斗了一段时间了！

我想拥有始终具有徽标、导航的“主应用程序容器”......我想使用 react-bootstrap 来美化它。

目前我遇到问题，我的项目基于 davezuko 的“react-redux-starter-kit”

我尝试将我的所有引导程序<NavBar>和<LinkContainers>提供程序内的根容器中。

一切都显示出来了，看起来不错，但我的链接都不起作用，当我放置一个常规的 react-router 时，<Link>我会遇到同样的问题。

我想，好吧，链接在路由调用的视图中工作，所以我在 export default (store) => (

Babel、eslint 和 webpack 允许它编译，但是当我运行页面时，这些都没有出现，当我查看 react-dev 控制台时，这些反应节点甚至都没有出现。

这就是我所拥有的，Root.js：

路线.js：

我不确定这是否有很大帮助，但这是带有反应控制台的客户端的屏幕截图。react开发控制台截图：

当 TextInput 成为焦点时，键盘将隐藏提交按钮。如何在 TextInput 下方自动滑动组件

我有一个关于使用 react-router（与 Redux 结合）设置初始路由的问题。我已经设置了一些路由，并且基于我的 Redux 商店的状态，我需要始终在页面加载时将用户重定向到某个路由。

我的路线目前设置的方式如下：

我已将 onEnter 函数添加到我的根路由中。我这样做是因为我总是需要在页面加载时重定向，而与用户输入应用程序的页面无关。我的 onEnter 函数的设置方式如下：

然而，这个设置会发生什么，是（例如）“anotherCondition”得到满足并重定向到“/thanks”。由于在根路由上传递了onEnter，因此再次触发了redirectToInitialRoute。由于“anotherCondition”仍然为真，重定向再次发生，导致重定向循环。

我想知道解决这个问题的最佳方法是什么？任何帮助是极大的赞赏。提前致谢！

我有一个由 react-router (path="profile/:username") 加载的 Profile 组件，该组件本身如下所示：

fetchUser 操作看起来像这样（redux-api-middleware）：

我添加 componentWillReceiveProps 函数的原因是在 URL 更改为另一个 :username 时做出反应并加载该用户的个人资料信息。乍一看，一切似乎都正常，但后来我注意到在调试时 componentWillReceiveProps 函数在无限循环中被调用，我不知道为什么。如果我删除 componentWillReceiveProps 则配置文件不会使用新用户名更新，但我没有循环问题。有任何想法吗？

我将 React 与 react-router 和 react-redux 一起使用。当一个组件挂载时，我会派发从数据库中获取数据。我的父组件有这个

我的子组件如下所示：

还有我的 TopComp 更新，点击它的父组件上的链接。它接收不同的 params.id 并为每个参数获取数据。

使用Redux 中的真实示例，最好在哪里定义一个可观察的，然后在Redux商店中定义侦听器？例如，从这个 Redux 讨论线程中，当使用redux-rx时，以下代码应该放在实际示例中的什么位置？

我最初认为我会在容器/App.js 中定义它，但在那个级别，redux 存储不可用，就像它在 index.js 和容器/Root.dev.js 中一样。也许以某种方式利用 React上下文？如果这有什么不同，我正在为我的呼叫使用重新选择选择器。connect()

我正在使用 React Native 和 Redux 开发一个移动应用程序，我正面临一个软件设计问题。如果该操作成功，我想调用 REST API（异步操作）进行登录并导航到主视图。我正在使用 redux 和 thunk，所以我已经实现了异步操作，所以我的主要疑问是：我应该把导航到主视图的逻辑放在哪里？

我可以直接从操作访问导航器对象并在那里执行导航吗？我应该在登录组件中这样做吗？（正如我已经在做的那样 - 检查下面的代码）。

我对组件中的逻辑没有信心。似乎不是一个好习惯。有没有其他方法可以做到这一点？

谢谢

我目前正在一个项目中使用 react-router-redux，除了我不知道如何访问 react-router 路由器之外，一切都运行良好。

this.context.router 始终未定义，我尝试了很多事情都没有成功

我正在使用 react 0.14.6、redux 3.0.2、react-router 2.0.0、react-router-redux 4.0.0