广告位
js
NavLink 如何使用-React Router

NavLink 如何使用-React Router

<NavLink> 是 <Link> 的特殊形态,他知道当前是否为路由激活状态。通常在导航菜单、面包屑、Tabs 中会使用,用于显示当前的选中状态。 类型定义如下: declare function NavLink(props: LinkProps & { caseSensitive?: boolean; c...

Outlet 如何使用-React Router

Outlet 如何使用-React Router

<Outlet> 用于渲染父路由中渲染子路由。如果父路由被严格匹配,会渲染子路由中的 index 路由(如有)。 类型定义如下: interface OutletProps { context?: unknown; } declare function Outlet( props: OutletProps ): React.ReactElement | null;...

useMatch 如何使用-React Router

useMatch 如何使用-React Router

useMatch useMatch 返回传入 path 的匹配信息;如果匹配失败将返回 null 类型定义如下: declare function useMatch(pattern: { path: string; caseSensitive?: boolean; end?: boolean; } | string): { params: Record<string, string>; ...