reactjs - 如何比较 next.js 中的当前路径名和路由？

Question

我目前正在将使用creat-react-app创建的项目迁移到next.js项目。

我面临的一件事是将matchPath函数从react-router-dom迁移到 next.js函数，比较当前路径名和传递的一种href路由名称，以实现并选择当前导航项。

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

const NavBar = ({ item, pathname }) => {
  const open = matchPath(pathname, {
    path: item.href,
    exact: false
  });
  ...
}

我能够pathname使用next/router获得电流，但在那之后，我不知道如何比较它们。

import { useRouter } from 'next/router';

const NavBar = () => {
  const { pathname } = useRouter();

  ...
}

在这种情况下，如何解决？

提前致谢。

标签： reactjsnext.jsreact-router-dom