问题标签 [react-routing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2664 浏览

reactjs - react redux 基于哈希的路由

我有一个像这样的路由器:

我有一个标题组件,例如:

现在,当我单击First标题时,它不会将我重定向到该链接..

如何在 react 和 redux 中实现基于哈希的路由

0 投票
6 回答
12501 浏览

javascript - 如何在 Microsoft IIS 上使用反应路由器(createBrowserHistory)使路由工作?

我正在为我的反应应用程序使用反应路由器(createBrowserHistory)。

下面是我的代码

Wen 在本地运行 IIS,我在浏览器上访问 localhost,我可以获取“CL​​”组件并在页面上显示,但是,如果我转到 /validation,我会得到

任何人都知道需要添加到 IIS 或我的 js 代码以使此路由工作吗?

0 投票
2 回答
1406 浏览

node.js - Minimum nodejs server setup needed for React using react-router and browserHistory

My current server.js:

This works fine when I start navigation at mysite.com/. However, if I enter mySite.com/someRoute, it breaks. Specifically, I see the below in console:

My understanding is that to fix this I also need to implement server-side rendering. Is that accurate? If so, what is the minimum setup needed for that? All the guides I've seen are much more in-depth than I would like to go right now.

(I am fine upgrading dependencies if it will help.) react: 0.14.7 react-router: 1.0.3

0 投票
0 回答
31 浏览

ruby-on-rails - rails4 的任何最新的 react-router 宝石

我正在使用rails4gem react-rails,react-router 有一个 gem 是https://github.com/mariopeixoto/react-router-rails但这使用的版本太旧react-router (0.13),目前react-router-2已经启动。

那么是否有任何其他红宝石宝石支持react-router-2

0 投票
0 回答
58 浏览

javascript - 为什么我的 React 路由器不工作?

我正在研究一个示例并制作反应路由器。下面是我的代码。但是当我运行我的代码时,它在 <Router> 的开头行给我错误“Unexpected syntax”。下面是代码:

任何人都可以检查并让我知道我在哪里做错了吗?

谢谢, 内哈

0 投票
1 回答
84 浏览

reactjs - React Redux 路由 - 是否有一些简单的东西可以正常工作并且不会在 12 小时内改变?

如果不必考虑所有选项和问题,是否有人拥有或知道一个简单且仅适用于 React Redux 组合的可靠路由解决方案?如果是这样,您能否提供完整的工作参考,包括历史、转换、参数等?

不确定我们是如何最终得到 10 个或更多解决方案的,这些解决方案应该是任何实际应用程序的核心需求,但解决方案的绝对数量和不断变化(不是双关语)使得这似乎是一项几乎不可能完成的任务及时将任何事情归零。它们的复杂性似乎也在增加,在某些情况下几乎相互争斗。

如果 Dan 或其他任何人要链接到 Redux 真实世界的示例,请评论解决问题/讨论的计划。对于简单的路由器(或本周我们称之为的任何路由器),或任何其他类似 Tiny 的路由器,或者过多的其他路由器,请说明历史应该来自哪里(历史库路由器,你的库......)以及为什么以及如何处理参数等。

TIA

0 投票
3 回答
7271 浏览

reactjs - 反应路由器。刷新页面或手动写入 url 时无法获取

我正在尝试使用反应路由器构建 SPA。当我使用链接导航时,它可以完美运行,但是通过刷新或写入 url 它给了我cannot GET /(any route except main). 我试图向historyApiFallback : true我的 webpack 开发服务器配置添加选项,但它没有解决它。

我将不胜感激。

0 投票
0 回答
103 浏览

javascript - 在 React JS 中,历史没有保存在具有不同路由参数的同一个组件中

我正在为 windows mobile 开发一个 react js 应用程序。我的路线配置如下

我在第一条路线中有 3 个标签,其网址类似于

我正在使用 react-router 和标签是标签

我如何导航? 当我运行应用程序时,第一页将是shows/1,如果我点击第二个选项卡,那么路线将是shows/2

浏览器中发生了什么? 当我在浏览器中运行应用程序时,我可以看到 show/1,如果我单击第二个选项卡,我可以看到 url 正在更改为shows/2. 在这里,当我单击浏览器后退按钮时,它会导航到 show/1。当我从设置页面转到设置页面shows/2并在设置页面中单击浏览器后退按钮时,我可以看到该shows/2页面,这完全没问题。

设备中发生了什么? 当我在设备中运行应用程序时,我可以看到 show/1,如果我单击第二个选项卡,我可以看到第二个选项卡(shows/2)的内容。在这里,当我单击设备后退按钮时,应用程序正在退出。当我从设置页面转到设置页面shows/2并在设置页面中单击设备后退按钮时,我可以看到该shows/2页面,这完全没问题。

有什么问题? 我觉得,如果我从一个选项卡移动到另一个基本上是一个单一组件的选项卡,则设备导航不会保存。

我试过什么? 我试图Link从选项卡中删除并添加一个点击事件,在点击处理程序中我使用下面的代码,但没有用。

应该是什么行为? 在设备中,如果我从 导航shows/1shows/2,并且如果我从那里单击设备后退按钮,shows/2那么我应该能够转到shows/1而不是退出应用程序。

任何形式的帮助将非常感激。

0 投票
3 回答
12233 浏览

routing - react-native-router-flux,如何获取当前场景键

嘿,我正在尝试在使用 react-native-router-flux 时获取当前场景键。

我的路线文件:

如您所见,我正在尝试将当前场景名称发送到谷歌分析进行跟踪,但我似乎无法获得当前显示的场景密钥,有什么想法吗?

0 投票
1 回答
287 浏览

reactjs - 是什么导致 react-router 中出现此警告?

browser.js:警告:[react-router] Historymixin 已弃用,请使用context.router您自己的 contextTypes.

我的路线文件

和根

反应路由器 v2.6.1