react-router实战Hooks之useRouteMatch

1.简介

该useRouteMatch钩子尝试获取当前URL的匹配。对于无需实际呈现即可访问比赛数据的最有用的方法。

2.API

该useRouteMatch钩子执行：

• 不带参数时，返回当前<Route>对象的match对象 
• 接受一个参数时，该参数与matchPath的props参数相同。它可以是字符串的路径名，也可以是带有Route组件match属性的对象，如下所示：

const match = useRouteMatch({
  path: "/BLOG/:slug/",
  strict: true,
  sensitive: true
});

3.实例

3.1 返回当前match对象

function Home() {
    let match = useRouteMatch();
    return <h2>Match {JSON.stringi