国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

我正在使用 Redux Toolkit 和 RTK 查詢 建立一個(gè)項(xiàng)目，並嘗試從 API 取得一些條目。我正在使用 createEntityAdapter 的規(guī)範(fàn)化資料方法，因?yàn)樵谀硞€(gè)元件中我需要將資料作為數(shù)組，所以我最終使用了選擇器?，F(xiàn)在我的問題是，由於我添加過濾器作為查詢的參數(shù)，我的選擇器停止工作。

我在這裡研究了類似的問題，例如：“如何使用帶有參數(shù)的 RTK 查詢選擇器？”，但我太笨了，無法理解我應(yīng)該修改的內(nèi)容。我試圖理解 RTK 查詢文檔，但我做不到。

從上面的問題中，我知道我的選擇器還需要具有參數(shù)，以便準(zhǔn)確地知道要選擇什麼，並且這不是推薦的模式，但我無法理解如何使其工作。

我的條目切片：

import { createSelector, createEntityAdapter } from '@reduxjs/toolkit'
import { apiSlice } from './apiSlice'

const entryAdapter = createEntityAdapter()

const initialState = entryAdapter.getInitialState({
  ids: [],
  entities: {},
})

export const entryApiSlice = apiSlice.injectEndpoints({
  endpoints: (builder) => ({
    initialState,
    getEntry: builder.query({
      query: (filters) => ({
        url: '/history',
        params: filters,
      }),
      transformResponse: (responseData) => {
        return entryAdapter.setAll(initialState, responseData)
      },
      providesTags: (result, error, arg) => [
        { type: 'Entry', id: 'LIST' },
        ...result.ids.map((id) => ({ type: 'Entry', id })),
      ],
    }),
    addEntry: builder.mutation({
      query: (data) => ({
        url: '/history/new',
        method: 'POST',
        body: data,
      }),
      invalidatesTags: [{ type: 'Entry', id: 'LIST' }],
    }),
    updateEntry: builder.mutation({
      query: (initialEntry) => ({
        url: `/history/${initialEntry.Id}`,
        method: 'PUT',
        body: {
          ...initialEntry,
          date: new Date().toISOString(),
        },
      }),
      invalidatesTags: (result, error, arg) => [{ type: 'Entry', id: arg.id }],
    }),
    deleteEntry: builder.mutation({
      query: ({ id }) => ({
        url: `/history/${id}`,
        method: 'DELETE',
        body: { id },
      }),
      invalidatesTags: (result, error, arg) => [{ type: 'Entry', id: arg.id }],
    }),
  }),
})

export const {
  useGetEntryQuery,
  useAddEntryMutation,
  useUpdateEntryMutation,
  useDeleteEntryMutation,
} = entryApiSlice

export const selectEntryResult = (state, params) =>
  entryApiSlice.endpoints.getEntry.select(params)(state).data

const entrySelectors = entryAdapter.getSelectors(
  (state) => selectEntryResult(state) ?? initialState
)
export const selectEntry = entrySelectors.selectAll

我在像這樣的 Entries 元件中使用它

const {
    data: entriesData = [],
    refetch,
    isLoading,
    isSuccess,
    isError,
    error,
  } = useGetEntryQuery(filters)

  const entries = useSelector(selectEntry)

注意：如果我從獲取查詢中刪除“過濾器”，一切都會(huì)像以前一樣工作（當(dāng)然，正如預(yù)期的那樣）。

免責(zé)聲明：我不知道我到底在做什麼，我已經(jīng)閱讀了文件並且正在嘗試弄清楚，所以我非常感謝任何反饋。 謝謝！