问题标签 [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 投票
0 回答
12 浏览

reactjs - 如何在不使用任何钩子的情况下访问 react-routing v6 中的路由道具(位置、历史、匹配等)?

当我们在 v5 中定义任何 Route 时,我们会在渲染组件中获取路由 props 对象,由locationhistorymatchprops 组成。

但是在 v6 中,在渲染组件内的道具中,我不再获得那些路由道具。能否请您帮忙,让我知道如何访问/记录这些路由道具或 v6 中引入的任何其他方式。

如果有任何方法可以在不使用任何钩子的情况下做到这一点,那将会很有帮助。

0 投票
1 回答
16 浏览

javascript - react.js 中的嵌套路由没有给出预期的结果

每当我单击 labCard.js 组件中的链接文本时,我想显示一个自定义组件 Resource.js。使用 Outlet 挂钩时,Resource 组件会显示在 lab Card 中,而 Body.js 组件不会被替换。Body.js 组件是 labCards 组件的集合。我希望每当我在 labCard 组件上单击 Begin 时显示资源组件来代替 body 组件。

这是 App 组件

这是身体组件

这是 labCard 组件