React Router

UmiJS Router（React Router@6）

路由出口&跳转

分类	配置	Hooks	组件	工具函数
出口	-	useOutlet()	<Outlet>	-
\-	-	useOutletContext()	-	-
跳转	-	-	<Link>	-
\-	-	useSelectedRoutes()	<NavLink>	-
\-	historyWithQuery	useNavigate()	<Navigate>	-
\-	-	-	-	history

路由类型

分类	配置	Hooks	组件	工具函数
类型	history: { type: 'browser' }	-	-	createBrowserHistory()
\-	history: { type: 'hash' }	-	-	createHashHistory()
\-	history: { type: 'memory'	-	-	createMemoryHistory()

路由配置

分类	配置	Hooks	组件	工具函数
配置	routes	-	-	-

动态路由配置

分类	配置	Hooks	组件	工具函数
动态路由配置	-	useRoutes()	-	-

路由传参

路由动态参数

分类	配置	Hooks	组件	工具函数
-	-	useParams()	-	-

查询字符串参数

分类	配置	Hooks	组件	工具函数
-	-	useSearchParams()	-	-
-	-	-	-	createSearchParams()

match 对象

分类	配置	Hooks	组件	工具函数
-	-	useMatch()	-	-
-	-	-	-	matchPath()
-	-	-	-	matchRoutes()

location 对象

分类	配置	Hooks	组件	工具函数
-	-	useLocation()	-	-

路由权限

分类	配置	Hooks	组件	工具函数
守卫	-	useAccess()	<Access>	-

其他

路由数据加载

分类	配置	Hooks	组件	工具函数
-	-	useClientLoaderData()	-	-

工具函数

分类	配置	Hooks	组件	工具函数
路径	-	-	-	generatePath()
-	-	useResolvedPath()	-	resolvePath()
属性数据	-	useRouteProps()	-	-
-	-	useRouteData()	-	-
-	-	useAppData()	-	-
-	reactRouter5Compat	-	withRouter()	-
SEO优化	-	-	<Helmet>	-
调试	-	-	-	terminal