时间戳

首页 > 解决方案 > 访问 MenuContainer 中的路由

piral - 访问 MenuContainer 中的路由

问题描述

我将 piral 用于我们的微前端应用程序。我创建了一个布局并使用<Menu>布局中的内容。

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

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

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

谢谢！

标签： piral

解决方案

Piral 只是react-router-dom在引擎盖下使用。实际上，这使您可以访问 和 中的任何react-router内容react-router-dom。作为这样的钩子，例如useHistory在所有组件中工作，例如，您的Layout，，MenuContainer或在某些桩的任何组件中。

例子：

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

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

希望有帮助！

推荐阅读