useMatch 如何使用-React Router
useMatch
useMatch
返回传入 path 的匹配信息;如果匹配失败将返回 null
类型定义如下:
declare function useMatch(pattern: {
path: string;
caseSensitive?: boolean;
end?: boolean;
} | string): {
params: Record<string, string>;
pathname: string;
pattern: {
path: string;
caseSensitive?: boolean;
end?: boolean;
};
};
示例:
import { useMatch } from 'umi';
// when url = '/events/12'
const match = useMatch('/events/:eventId');
console.log(match?.pathname, match?.params.eventId);
// '/events/12 12'
您还感兴趣的文章
- NavLink 如何使用-React Router
- Outlet 如何使用-React Router
- Vue / React 刷新404 Nginx配置
- Promise 对象_ECMAScript 6 入门
- 函数的扩展_ECMAScript 6 入门
- let 和 const 命令_ECMAScript 6 入门
- 对象的新增方法_ECMAScript 6 入门
- 数组的扩展_ECMAScript 6 入门
- umijs 简单快速上手
- 正则的扩展_ECMAScript 6 入门
- 什么是 java.lang.NullPointerException空指针异常,我该如何解决?
- Generator 函数的语法_ECMAScript 6 入门