如何从与参数的查询中从适配器中提取选择器

Question

正如本文档中所述： https://redux.js.org/tutorials/essentials/part-8-rtk-query-advanced

文档提出了此示例：

const usersAdapter = createEntityAdapter()

const initialState = usersAdapter.getInitialState()

export const extendedApiSlice = apiSlice.injectEndpoints({
  endpoints: builder => ({
    getUsers: builder.query({
      query: () => '/users',
      transformResponse: responseData => {
        return usersAdapter.setAll(initialState, responseData)
      }
    })
  })
})

export const { useGetUsersQuery } = extendedApiSlice

// Calling `someEndpoint.select(someArg)` generates a new selector that will return
// the query result object for a query with those parameters.
// To generate a selector for a specific query argument, call `select(theQueryArg)`.
**// In this case, the users query has no params, so we don't pass anything to select()**
export const selectUsersResult = extendedApiSlice.endpoints.getUsers.select()

const selectUsersData = createSelector(
  selectUsersResult,
  usersResult => usersResult.data
)

export const { selectAll: selectAllUsers, selectById: selectUserById } =
  usersAdapter.getSelectors(state => selectUsersData(state) ?? initialState)

现在，我需要拥有 selectbyid 选择器（默认情况下，将用户ID作为第二个参数）。 当我的查询看起来像这样时，我无法设法让工作 selectbyid 选择器

endpoints: builder => ({
    getUsers: builder.query({
      query: (applicationId) => `/application/${applicationId}/users`,
      transformResponse: responseData => {
        return usersAdapter.setAll(initialState, responseData)
      }
    })
  })

如何从适配器提取 selectbyid 从适配器提取 selector，以及我如何在使用use -lector的组件中使用它我有这样的疑问吗？

谢谢任何会帮助我的人

Answer 1

我觉得您不匹配的概念有些不匹配，因此会导致混乱。

首先，让我们澄清一下，这是您使用的选择 - 它不是usersAdapter的选择者，而是RTK-Q自己的状态。
通过在变形金刚中处理响应，您只是将数据复制到您的数据中，usersAdapter的状态。

因此，考虑到您应该从哪种状态中进行选择。如果您需要从“最终目标”中，即从适配器的状态中进行IE，则应通过：

const usersSelectors = **usersAdapter**.getSelectors(
  (state) => state.users // or something like that
)

否则，使用extendedApislice从示例中使用诸如extendedApislice的选择器 - 您正在从RTK获取数据-Q的缓存状态，该状态可能不包含缓存无效后的一些旧数据。如果您仍然是您的目标，那么限制是RTK-Q的商店不是您可能期望的标准化商店，具有ID和值，而是键值对，键是您的请求，而值 - 值 - 最后结果（最后结果（用户数组在您的情况下）。因此，如果未定义用于选择特定用户ID的API端点，则将无法直接从RTK-Q的状态中选择它。但是您可以通过applicationId选择缓存的用户，并在结果数组中通过ID找到您的用户。我敢打赌，这不是您真正想要的，因此，如上所述，您很可能只需要为自己的商店准备选择器。