如何将RTK-Query与Supabase结合使用
提问于 2022-11-27 16:30:38
我已经使用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提示。
我做错了什么？谢谢。
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-11-27 23:15:50
有几件事：
- 要有钩子，你必须从
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;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74594866
复制相关文章
点击加载更多
腾讯云开发者
