访问 MenuContainer 中的路由

Question

我将 piral 用于我们的微前端应用程序。我创建了一个布局并在布局中使用 <Menu> 之类的东西。

我想按路线过滤导航菜单中的条目。按照惯例，我将根据当前路线删除菜单项。

我只有一个问题：如何访问 MenuContainer 中的当前路由？

function Menu(props: MenuContainerProps) {
  const currentRoute = /* where to get it from?? */
  return /* my code */;
}

谢谢！

Answer 1

Piral 只是在后台使用 react-router-dom。实际上，这使您可以访问 react-router 和 react-router-dom 中的任何内容。 useHistory 等钩子在所有组件中工作，例如，您的 Layout、MenuContainer 或 any 一些桩的组成部分。

示例：

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

const Menu = (props: MenuContainerProps) => {
  const location = useLocation();
  const currentRoute = location.pathname;
  return /* my code */;
}

希望对您有所帮助！

访问 MenuContainer 中的路由

Accessing Routes in a MenuContainer

piral