如何将 Redux RTK 查询与 Supabase 结合使用

Question

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

Answer 1

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

在这种情况下，您可以将其与RTK 查询的queryFn端点选项一起使用，该选项允许您编写自己的任意异步逻辑并返回您想要的任何数据。

虽然我尚未测试此代码，但 React Query + Supabase 示例到 RTKQ 的翻译可能如下所示：

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

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

        return data;
      }
    })
  })
})