使用RTK查询,如何从另一个视图提取这些数据



我正试图了解Redux工具包和RTK查询的功能。我在一个视图中有一个功能查询。我的问题是如何在另一个视图中提取这些信息?

这是我在视图#1中启动查询的方式

const Sidebar = () => {
const { data: clients = [], isFetching: clientsFetching } =
useGetClientsQuery("x@x.com");

这是我唯一的API切片对象

//define our single api slice object
export const tradesApi = createApi({
//the cache reducer expects to be added at 'state.api' (already default - this is optional)
reducerPath: "tradesApi",
//all of our requests will have urls starting with '/fakeApi'
baseQuery: fetchBaseQuery({ baseUrl: "https://localhost:44304/api/" }),
//the 'endpoints' represent operations and requests for this server
endpoints: (builder) => ({
//the 'getposts' endpoint is a "query" operation that returns data
getClients: builder.query<ClientData[], string>({
query: (username) => `/dashboard/returnClients?username=${username}`,
}),
getTradeDetail: builder.query<TradeData, number>({
query: (id) => `/dashboard/returnTest?id=${id}`,
}),
}),
});
export const { useGetTradesQuery, useGetClientsQuery, useGetTradeDetailQuery } =
tradesApi;

当我在视图#2时,我如何在不再次查询api的情况下提取此信息?我只是想从商店里把它拿出来。

谢谢!

在另一个组件中调用useGetClientsQuery("x@x.com");。它不会发出另一个请求,而只是从存储中提取数据。

最新更新