如何将RTK-Query与Supabase结合使用

Question

我已经使用Supabase配置了一个项目，并使用Redux。我从来没有使用过RTK-Query，我只是在学习，但是在阅读医生们并查找类似问题之后，我创建了一个supabaseApi.js文件，如下所示：

import { createApi, fakeBaseQuery } from '@reduxjs/toolkit/query';

export const supabaseApi = createApi({   baseQuery: fakeBaseQuery(),
    endpoints: (builder) =({
        getStudents: builder.query({
            queryFn: async () ={
                const students = await supabase
                .from('students')
                .select()

                return {students, error}
            }
        })
    }) })

export const { useGetStudentsQuery } = supabaseApi;

但是，当我调用useGetStudentsQuery()来获取students表时，我在控制台中收到一个错误，告诉我"useGetStudentsQuery不是一个函数“。我还注意到，当我开始编写useGet函数时，它似乎还没有自动创建，因为我没有得到Visual提示。

我做错了什么？谢谢。

Answer 1

有几件事：

• 要有钩子，你必须从import '@reduxjs/toolkit/query/react';
• queryFn必须返回{ data }或{ error }，而不是{ student }
• 您的代码似乎没有error变量，但是尝试返回它。

因此：

import { createApi, fakeBaseQuery } from '@reduxjs/toolkit/query/react';

export const supabaseApi = createApi({   baseQuery: fakeBaseQuery(),
    endpoints: (builder) =({
        getStudents: builder.query({
            queryFn: async () ={
                const students = await supabase
                .from('students')
                .select()

                return { data: students }
            }
        })
    }) })

export const { useGetStudentsQuery } = supabaseApi;