主页 / coding / 问题 / 77136673
Accepted
maganthro
Asked: 2023-09-20 01:20:36 +0800 CST

如何通过端点注入拆分 RTK 查询文件

  • 772

我在我的项目中成功使用 RTK 查询，但我有 8 个标签/数据集，每个标签/数据集都需要 getOne、getAll、添加、更新、删除、取消删除查询/突变，有些还需要更多。它变得很难管理，所以我尝试使用injectEndpoints使用https://redux.js.org/tutorials/essentials/part-8-rtk-query-advanced#injecting-上的教程按标签分割查询端点。

不幸的是，当使用他们的代码结构时，我收到一个错误Uncaught ReferenceError: builder is not defined。我错过了什么吗？

import { apiSlice } from "./apiSlice";

export const accountsSlice = apiSlice.injectEndpoints({
    endpoints: builder ({
        getAccounts: build.query({
            query: () => ({
                url: '/api/accounts',
                method: 'get'
            }),
            providesTags: (result, error, arg) => [{ type: 'Account', id: arg }]
        }),
        getAccount: build.query({
            query: accountId => ({
                url: `/api/accounts/${accountId}`,
                method: 'get',
            }),
            providesTags: (result, error, arg) => [{ type: 'Account', id: arg }]
        }),
        addAccount: build.mutation({
            query: (account) => {
                console.log('account data:', account);
                return {
                    url: `/api/accounts/store`,
                    method: 'post',
                    data: account
                }
            },
            invalidatesTags: (result, error, arg) => [{ type: 'Account'}]
        }),
        updateAccount: build.mutation({
            query: (account) => {
                console.log('account data:', account);
                return {
                    url: `/api/accounts/${account.acc_id}/update`,
                    method: 'patch',
                    data: account
                }
            },
            invalidatesTags: (result, error, arg) => [{ type: 'Account', id: arg.id}]
        }),
    })
})
redux

1 个回答

  1. Best Answer

    这是一个带有名为 的参数的函数定义builder，而不是对函数的调用builder：

    而不是builder({ /* ... */ })（如您的代码中所示），

    它应该是

    builder => ({ /* ... */ })

    这是缩写

    (builder) => ({ /* ... */ })

    或者

    function anonymous(builder) {
  return {
    /* ... */ 
  }
}
    • 0

相关问题