React

前言 useRevalidator 是 React Router v6.4+ 引入的一个强大钩子，用于在数据路由（Data Router）中手动触发路由数据的重新验证（revalidation）。 它

前言 useRouteError 是 React Router v6.4+ 引入的关键错误处理钩子，用于在 路由错误边界（Error Boundary） 中获取路由操作过程中发生的错误信息。 它提供了

前言 useResolvedPath 是 React Router v6 提供的一个实用钩子，用于解析给定路径为完整路径对象。 它根据当前路由上下文解析相对路径，生成包含 pathname、searc

前言 useOutletContext 是 React Router v6 中用于在父路由和嵌套子路由之间共享数据的钩子函数。 它允许父路由通过 <Outlet> 组件传递上下文（context），子

前言 useNavigationType 是 React Router v6 提供的一个钩子，用于确定用户如何导航到当前页面。 它提供了关于导航类型的洞察，有助于优化用户体验和实现特定导航行为。 一、

前言 useNavigation 是 React Router 中一个强大的钩子，用于获取当前页面导航的状态信息。 它可以帮助开发者根据导航状态优化用户体验，如显示加载指示器、防止重复提交等。 一、u

前言 useMatch 是 React Router 中的一个钩子，用于判断当前 URL 路径是否与指定模式匹配，并返回匹配的详细信息。 它常用于动态路由参数提取、条件渲染和导航高亮等场景。 一、us

前言 React Router 的 useLinkClickHandler 是一个用于创建自定义链接点击处理逻辑的钩子，它允许开发者在不直接使用 <Link> 组件的情况下，实现与 React Rou

前言 useInRouterContext 是 React Router 提供的一个实用型钩子，用于检测当前组件是否位于 React Router 的上下文环境中。它返回一个布尔值，帮助开发者识别组件

前言 React Router 中的 useHref 是一个用于生成完整 URL 路径的钩子， 它可以将相对路径解析为绝对路径，并确保在不同路由层级中正确工作。 它常用于自定义导航组件或需要手动构建链

前言 useFetcher 是 React Router 中一个强大的钩子，用于在不触发页面导航的情况下执行数据加载（GET）或提交（POST）。 一、useFetcher 应用场景： 1、后台数据预

前言 useBlocker 是 React Router 中用于阻止用户导航的钩子，它允许开发者在特定条件下（例如表单未保存时）拦截用户的导航行为（如点击链接、回退按钮等），并触发自定义逻辑（如显示确

一、前言 useLoaderData，用于在组件中获取路由预加载的数据。它通常与路由配置中的 loader 函数配合使用，用于在页面渲染前异步获取数据（如 API 请求），并将数据直接注入组件，从而简

一、useActionData前言 useActionData 是 React Router 提供的一个钩子函数，用于获取在路由的 action 函数中返回的数据。它通常与表单提交（通过 <Form>

useBeforeUnload 是 React Router 提供的一个自定义钩子，用于在用户尝试关闭页面、刷新页面或导航到外部网站时触发浏览器原生的确认提示。 它的核心用途是防止用户意外离开页面导致

React Router 中的 unstable_usePrompt 是一个用于在用户尝试离开当前页面时触发确认提示的自定义钩子，常用于防止用户误操作导致数据丢失（例如未保存的表单）。 一、unsta

前言 useRoutes 是 React Router v6 引入的一个钩子函数，允许通过 JavaScript 对象（而非传统的 JSX 语法）定义路由配置。这种方式更适合复杂路由结构，且代码更简洁

React Router 中的 useOutlet 是 v6 版本新增的 Hook，用于在父路由组件中访问当前嵌套的子路由元素。它提供了比 <Outlet> 组件更灵活的控制方式，适合需要根据子路由状

一、useParams 的基本用法 用途：用于在组件中获取当前 URL 的动态路由参数（如 /user/:id 中的 id）。 二、useParams 使用注意事项 1、参数未定义的可能性 如果 UR

前言 useNavigate 是 React Router v6 中引入的一个钩子函数，用于编程式导航。它替代了旧版本（v5及以下）中的 useHistory，提供了更简洁的 API 来实现页面跳转、