reactjs - 什么是识别我当前使用 react-router 4 的路线的更好方法

Question

我正在构建一个 React 应用程序并使用 React Router 4。导航栏由左侧的链接和右侧的几个按钮组成(我们称之为右侧工具)。

导航栏是布局的一部分。 现在这些按钮对于不同的页面是不同的。例如，我有 3 页仪表板、历史记录和管理。在 Dashboard 中有一个 Filter 按钮，History 会有 Filter，Download。管理员将没有按钮。

在角度上它们是 $state.current 但在 React 路由器中找不到任何类似的东西。

匹配 url 字符串很痛苦。有人对此有更好的解决方案吗？

Answer 1

这有点解释，但我不认为它非常清楚。如果您使用功能组件，这真的很容易。

导入路由器时，包括“useLocation”。

import { Link, useLocation } from 'react-router-dom';

然后在组件的开头实例化它。

let location = useLocation();

然后每当你需要使用它的时候，调用它就可以了。

console.log(location.pathname);

简单!