父路由Loader在子路由双击跳转时重复触发，使用shouldRevalidate是否正确？

我的使用场景 #

我需要在加载每个子路由前加载特定数据，因此使用了父路由的loader。但发现双击指向子路由的NavLink时（仅双击会触发，单击不会），父路由的loader会被触发。我的需求是父路由的loader无论内部如何跳转都只执行一次。目前设置shouldRevalidate: () => false似乎解决了问题，请问这是正确的解决方式吗？是否有遗漏的点？

Router_configuration.js

import { createBrowserRouter, RouterProvider } from "react-router-dom";
import Product, { loader } from "./Product";
import Route1 from "./Route1";

const router = createBrowserRouter([
  {
    path: "/",
    element: <Product />,
    loader: loader,
    children: [
      {
        path: "routeone",
        element: <Route1 />
      }
    ]
  }
]);

const App = () => {
  return <RouterProvider router={router} />;
};

export default App;

Product.js

import Header from "./Header";
import { Outlet } from "react-router-dom";
import Router from "./Router";

const Product = () => {
  return (
    <>
      <Header />
      <Outlet />
      <Router />
    </>
  );
};

export default Product;

export const loader = () => {
  console.log("loader");
  return -1;
};

Header.js

const Header = () => {
  return <p>Header</p>;
};

export default Header;

Route1.js

import { NavLink } from "react-router-dom";

const Router = () => {
  return (
    <>
      <NavLink to="routeone">
        <span> Route 1</span>
      </NavLink>
    </>
  );
};

export default Router;

用shouldRevalidate: () => false是解决这个问题的合理方案，但得清楚它的作用和潜在需要注意的点：

1. 为什么这个方案有效
   React Router默认会在导航时重新验证所有匹配路由的loader，双击NavLink相当于连续两次触发同路由跳转，触发了系统的revalidation机制，导致父路由loader重复执行。设置shouldRevalidate返回false，就是明确告诉路由系统：不管什么导航动作，都不要重新运行这个父路由的loader，完全符合你“只执行一次”的需求。

2. 需要注意的遗漏点

• 如果之后业务需要主动刷新父路由数据（比如用户手动点击刷新按钮、或者外部数据更新需要同步），这个设置会阻止自动revalidation，你得手动调用useRevalidator()钩子的revalidate()方法来触发loader重新执行。
• 确认子路由的loader（如果后续添加的话）不受影响：shouldRevalidate是路由级别的配置，只会作用于当前父路由的loader，子路由的revalidation逻辑还是正常运行的。
• 如果后续父路由数据需要根据特定条件刷新，不要直接写死返回false，可以改成带条件的判断，比如只有当跳转是同路由重复触发时才返回false，其他场景允许revalidation。

内容的提问来源于stack exchange，提问作者Vicky R