最近发布了新的react-router 6.4，它能够在渲染组件之前加载数据。（https：//reactrouter.com/en/main/start/overview#data-loading）
这看起来是一个很酷的功能。而且我想把它和RTK查询一起使用，因为我已经在使用Redux工具包了。
所以我想做一个基本的事情，我有加载帖子的API。我想加载它们，如果请求失败-重定向到其他页面。在react-router 6.4中，这一切都可以在路由器中完成（https：//reactrouter.com/en/main/start/overview#redirects）。
Router不在react的范围内，因此我无法使用rtk query提供的钩子，这意味着我必须使用没有钩子的rtk query，根据文档，这是完全可能的（https://redux-toolkit.js.org/rtk-query/usage/usage-without-react-hooks）
所以我的问题是，如何在react-router加载器中读取请求的状态。我可以使用钩子读取组件中的状态，但这会使组件“脏”，并将逻辑分散到整个应用程序中。

import React from "react";
import ReactDOM from "react-dom/client";

import { createBrowserRouter, RouterProvider } from "react-router-dom";

import { Provider } from "react-redux";
import { store } from "./redux/redux";

import { Comments } from "./Comments";
import { Posts } from "./Posts";
import { Root } from "./Root";

import { postsApi } from "./redux/redux";

const router = createBrowserRouter([
  {
    path: "/",
    element: <Root />,
  },
  {
    path: "posts",
    element: <Posts />,
    loader: () => {
      store.dispatch(postsApi.endpoints.getPosts.initiate());

      const request = postsApi.endpoints.getPosts.select()(store);

      console.log(request);

      return request;
    },
  },
  {
    path: "/comments",
    element: <Comments />,
  },
]);

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);
root.render(
  <Provider store={store}>
    <RouterProvider router={router} />
  </Provider>
);

我尝试使用文档中的示例，但我总是在控制台中得到“未初始化”状态，就像从未发出过请求一样，但它确实是，我可以在redux开发工具中看到数据。而且我还得到错误“在state.postsApi处未找到数据。您忘记将reducer添加到存储区吗？”