时间戳

首页 > 解决方案 > 将 Route 路径传递给子元素

reactjs - 将 Route 路径传递给子元素

问题描述

<Route path="/pointandclick">
            <MyComponent />
          </Route>

对于这段代码，我的组件有什么办法可以获取到被命中的Route的路径吗？

编辑：更准确地说，假设我想知道被击中的字符串（在本例中为 /pointandclick），因为在 MyComponent 中我想在其他路径之间路由，所以我必须知道我来自哪个路径。

例如

<Route path="/pointandclick">
            <MyComponent />
          </Route>
<Route path="/draggablegame">
            <MyComponent />
          </Route>

在我的组件中，我想根据路径在其他组件上路由。（例如：如果被击中的 Route 是 pointandclick 我想在 game1、game2、game3 之间渲染，如果 Route 是可拖动游戏我想在 drag1、drag2、drag3 之间渲染 - 所以使用位置挂钩可能不是最好的选择我认为。

标签： reactjstypescript

解决方案

您正在寻找一个简单的 javaścript 的window.location.pathname.

推荐阅读