如何在 Supabase 中使用 Redux RTK 查询

Question

有谁知道如何将 Supabase 查询模式与 RTK 查询结合使用，例如 https://dev.to/sruhleder/using-react-query-with-supabase-a03。

Answer 1

虽然我根本没有使用过 Supabase，但看起来它提供了一个基于 Promise 的异步请求 API。

在那种情况下，您可以将它与 RTK Query's queryFn endpoint option 一起使用，这样您就可以编写自己的任意异步逻辑和 return 您想要的任何数据。

虽然我没有测试过这段代码，但将 React Query + Supabase 示例翻译成 RTKQ 可能如下所示：

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

const supabaseApi = createApi({
  baseQuery: fakeBaseQuery(),
  endpoints: (builder) => ({
    getTodos: build.query({
      queryFn: async () => {
        const todos = await supabase
          .from('todo')
          .select('id, name')
          .eq('done', false)

        return {data: todos}
      }
    })
  })
})