检查我在React Js中的路线

Question

如果我在某条路线中导航，我想做一个三元组，然后如果我在我想要的路线中，则有条件地执行一个函数，但我找不到一种方法来做到这一点。我想使用 React router dom 但如果有其他方法可以实现这一点，请告诉我？

Answer 1

您可以使用

  const { pathname } = useLocation();

中的

react-router-dom

pathname

为您提供活动路线

Answer 2

您可以使用react-router-dom中的useRouteMatch钩子来匹配React组件中的当前URL。以下是如何使用 useRouteMatch：

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

// Inside your component
const match = useRouteMatch('/your-interesting-route');

if(match) return null;

return (
   <Link to="/your-interesting-route">
       GO TO  your-interesting-route
   <Link/>
)