问题标签 [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.
react-router - react-router root onChange钩子替换url导致无限循环
似乎如果我更改 root onEnter 或 onChange 钩子中的路径,则 url 将无限更改(?_k=u9huwr 将始终更改)。但是,如果我更改子路线中的路径,它将起作用。实际上我想在一个地方处理身份验证,否则每个子路由都应该处理相同的逻辑。
javascript - React:使用 react-router-component 导航时如何提示未保存的更改
Redux 状态保存未保存更改的标志,如果设置了此标志,我想在导航(单击链接)时提示用户。我正在使用react-router-component。我没有在文档中找到如何做到这一点。
reactjs - React Router master-detail:子组件在页面刷新之前不会呈现新视图
我正在创建一个主从导航,就像这里的示例反应路由器示例一样;
我有一个容器组件OneCheckpointContainer
,它呈现一个导航面板CheckpointNav
(链接)和一个数据组件OneCheckpointData
(这个家伙在加载时获取数据,并呈现OneCheckpointView
.
当我单击其中的一个链接时CheckpointNav
时,除了浏览器中的 URL 更改之外,什么都没有发生。直到我刷新页面才获取新数据,然后在子视图中呈现一个新组件。(也没有错误)
我不确定这个错误是否是因为子组件也负责获取数据以及视图。
这是我设置路线的方式:
OneCheckpointContainer
这是CheckpointNav虽然我不相信这个错误在这里:
除非我刷新,否则OneCheckpointData 不会获取新数据并呈现新数据
** 我忽略了 OneCheckpointView,因为它应该是无关紧要的 **
reactjs - React.js 嵌套无状态功能组件在另一个无状态组件中导致: RangeError: Maximum call stack size exceeded
我有一个组件:
我还有一个:
请注意,第二个只是包装另一个组件的组件....
我不断收到以下错误,RangeError: Maximum call stack size exceeded
但是,如果我将其更改为:
它工作得很好。请注意,唯一的区别是第一个,索引路由为“Body”,只是一个包装功能性 App 组件的功能性组件。为什么这会导致最大调用堆栈大小错误?
javascript - react-router“无法读取未定义的属性‘push’”
我对反应和反应路由器很陌生。
react 的问题就在这里,在我的应用程序的某些页面上,react-router 正在工作,并且一些给出如下错误:“无法读取未定义的属性'push'”。
我正在使用反应 0.14.1
我的路由代码如下所示:
我的组件现在是这样的:
谁能帮我这个?谢谢。
reactjs - 使用路由器更改选项卡内容
我正在制作一个反应应用程序。我可以使用 react-router 更改按钮单击时的“选项卡内容区域”吗?我有两个标签。单击按钮时,我想更改其中一个选项卡的内容。页面上的所有其他内容应保持不变,但选项卡的内容。我怎样才能做到这一点?
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 文档,但它没有提及有关应用程序上下文根的任何内容。
reactjs - 如何在反应中访问路由参数的值?
我想为我的应用程序的一部分设置一个“动态路线”,它是这样完成的:
到目前为止,这是可行的,但在组件中我想访问 id 的值,因为它会根据它的不同改变一堆东西。我怎样才能做到这一点?
html - 如何使用 react-router-component 更新页面
我正在使用react-router-component(不是 react-router)来处理我的单页应用程序中的路由。刷新页面或在地址栏中手动输入路由会导致找不到页面。如何处理 react-router-component 中的地址刷新和导航?
javascript - 使用 react-router v4 将 props 传递给子组件
以前在 react-router v3.* 我通过 props 传递给子组件
这是如何在 react-router v4 中使用新<Match />
API完成的
到目前为止,我想出的解决方案是使用APIrender
中的方法:<Match />
使用 ES6 扩展语法将 props 传递给子组件。有没有更好的方法可以将所有标准道具(位置、模式、路径名、isExact)带到子组件?