问题标签 [react-router-component]

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 投票
0 回答
197 浏览

react-router - react-router root onChange钩子替换url导致无限循环

似乎如果我更改 root onEnter 或 onChange 钩子中的路径,则 url 将无限更改(?_k=u9huwr 将始终更改)。但是,如果我更改子路线中的路径,它将起作用。实际上我想在一个地方处理身份验证,否则每个子路由都应该处理相同的逻辑。

0 投票
2 回答
5199 浏览

javascript - React:使用 react-router-component 导航时如何提示未保存的更改

Redux 状态保存未保存更改的标志,如果设置了此标志,我想在导航(单击链接)时提示用户。我正在使用react-router-component。我没有在文档中找到如何做到这一点。

0 投票
4 回答
1584 浏览

reactjs - React Router master-detail:子组件在页面刷新之前不会呈现新视图

我正在创建一个主从导航,就像这里的示例反应路由器示例一样;

我有一个容器组件OneCheckpointContainer,它呈现一个导航面板CheckpointNav(链接)和一个数据组件OneCheckpointData(这个家伙在加载时获取数据,并呈现OneCheckpointView.

当我单击其中的一个链接时CheckpointNav时,除了浏览器中的 URL 更改之外,什么都没有发生。直到我刷新页面才获取新数据,然后在子视图中呈现一个新组件。(也没有错误)

我不确定这个错误是否是因为子组件也负责获取数据以及视图。

这是我设置路线的方式:

OneCheckpointContainer

这是CheckpointNav虽然我不相信这个错误在这里:

除非我刷新,否则OneCheckpointData 不会获取新数据并呈现新数据

** 我忽略了 OneCheckpointView,因为它应该是无关紧要的 **

0 投票
2 回答
1571 浏览

reactjs - React.js 嵌套无状态功能组件在另一个无状态组件中导致: RangeError: Maximum call stack size exceeded

我有一个组件:

我还有一个:

请注意,第二个只是包装另一个组件的组件....

我不断收到以下错误,RangeError: Maximum call stack size exceeded

但是,如果我将其更改为:

它工作得很好。请注意,唯一的区别是第一个,索引路由为“Body”,只是一个包装功能性 App 组件的功能性组件。为什么这会导致最大调用堆栈大小错误?

0 投票
7 回答
50188 浏览

javascript - react-router“无法读取未定义的属性‘push’”

我对反应和反应路由器很陌生。

react 的问题就在这里,在我的应用程序的某些页面上,react-router 正在工作,并且一些给出如下错误:“无法读取未定义的属性'push'”。

我正在使用反应 0.14.1

我的路由代码如下所示:

我的组件现在是这样的:

谁能帮我这个?谢谢。

0 投票
1 回答
245 浏览

reactjs - 使用路由器更改选项卡内容

我正在制作一个反应应用程序。我可以使用 react-router 更改按钮单击时的“选项卡内容区域”吗?我有两个标签。单击按钮时,我想更改其中一个选项卡的内容。页面上的所有其他内容应保持不变,但选项卡的内容。我怎样才能做到这一点?

0 投票
1 回答
1442 浏览

reactjs - 如何更改 react-router-component 上下文根

我将 web.xml 中的 Web 应用程序部署上下文路径从 / 更改为 /foo,并且 react-router-component(不是 react-router)停止工作,出现以下错误

Uncaught Error: React-router-component: No route matched! Did you define a NotFound route?

为什么 react-router-component 没有检测到上下文路径,以及我需要在哪里配置它?我最好希望它在应用程序起源的任意路径上进行调整,但硬编码也可以。

我阅读了 react-router-component 文档,但它没有提及有关应用程序上下文根的任何内容。

0 投票
1 回答
579 浏览

reactjs - 如何在反应中访问路由参数的值?

我想为我的应用程序的一部分设置一个“动态路线”,它是这样完成的:

到目前为止,这是可行的,但在组件中我想访问 id 的值,因为它会根据它的不同改变一堆东西。我怎样才能做到这一点?

0 投票
1 回答
189 浏览

html - 如何使用 react-router-component 更新页面

我正在使用react-router-component(不是 react-router)来处理我的单页应用程序中的路由。刷新页面或在地址栏中手动输入路由会导致找不到页面。如何处理 react-router-component 中的地址刷新和导航?

0 投票
1 回答
1429 浏览

javascript - 使用 react-router v4 将 props 传递给子组件

以前在 react-router v3.* 我通过 props 传递给子组件

这是如何在 react-router v4 中使用新<Match />API完成的

到目前为止,我想出的解决方案是使用APIrender中的方法:<Match />

使用 ES6 扩展语法将 props 传递给子组件。有没有更好的方法可以将所有标准道具(位置、模式、路径名、isExact)带到子组件?