小编Yas*_*sov的帖子

最近react-router发布了新的 6.4，它能够在组件渲染之前加载数据。（https://reactrouter.com/en/main/start/overview#data-loading）

这看起来是一个很酷的功能。我想将它与 RTK 查询一起使用，因为我已经使用 Redux Toolkit。

所以我想做一件基本的事情，我有 api 来加载帖子。我想加载它们，如果请求失败 - 重定向到其他页面。在react-router6.4 中，这一切都可以在路由器中完成（https://reactrouter.com/en/main/start/overview#redirects）。

路由器超出了react的范围，所以我不能使用rtk查询提供的钩子，所以这意味着我必须使用没有钩子的rtk查询，根据文档这是完全可能的（https://redux-toolkit.router）。 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 …