react-router loader理解
    react-router-loader是一个用于React项目的轻量级路由加载器。它通过在加载组件时显示预加载器，使用户体验更好，这点特别针对于网络速度慢的情况。
    react-router-loader使用React Suspense和React.lazy内置功能来处理异步加载，这允许您在组件被调用之前以异步方式加载它们。此外，react-router-loader还允许您设置延迟加载时间和自定义加载器组件。
    使用react-router-loader时，需要将组件包装在lazy组件中，并将其传递给component属性。然后，使用`<Route>`进行路由配置，将属性（如path和exact）传递给该组件。
    例如：
    ```javascript
    import React, { lazy, Suspense } from "react";
    import { Route } from "react-router-dom";
    import MyLoader from "./MyLoader";
    const Home = lazy(() => import("./Home"));
    function App() {
      return (
        <div>
          <Suspense fallback={<MyLoader />}>
            <Route exact path="/" component={Home} />
          </Suspense>
        </div>
      );
    }reacthooks理解
    export default App;
    ```
    在上面的示例中，我们将Home组件包装在React.lazy函数中，然后在Route组件中使用它。我们还使用了React.Suspense组件来渲染MyLoader组件，以便在Home组件加载完成之前显示预加载器。
    在MyLoader组件中，您可以自定义任何内容，例如旋转loading图标或者加载动画等等。
    总之，react-router-loader是一个很方便的工具，可以方便的为React应用程序提供装载器，在应用程序的性能和用户体验方面发挥重要作用。