use<endpoint><modifier>和endpoints.<endpoint>.<modifier>之间有什么区别吗？

Question

我目前正在将RTK和RTKQ集成到一个现有的项目中，并希望确保我正在编写的代码遵循最佳实践。从RTK查询文档来看，这两种方法似乎没有功能上的区别，而且都是使用的。

最初，我使用钩子命名方案直接从Api对象(useGetDataQuery等)导出各个钩子。但是，据我所知，使用实际的端点，然后使用useQuery()、useLazyQuery()等.使用它们是一种更好的方法，因为如果您碰巧更改了端点的名称或您想要使用它的查询类型，那么重写导出和导入的时间就会大大减少。到目前为止，我看到的唯一一件事是，特定命名的端点挂钩似乎更好地使用了我的IDE (WebStorm)。

我一直在使用这样的端点：

const splitApi = emptyApi.injectEndpoints({...});
export const {
  getData
} = splitApi.endpoints;

// In a separate file
import { getData } from 'splitApi';
const dataQuery =  getData.useQuery();

使用“使用方法而不是.”方法有好处吗?我前面描述的方法有什么问题吗？

Answer 1

api.useGetPokemonQuery和api.endpoints.getPokemon.useQuery实际上是完全相同的函数。但是，我们假设大多数人通常对调用“查询”和“变异”钩子感兴趣，因此这些钩子可以在api对象本身上访问，并给出匹配的不同名称。

这两种方法都是可行的，但我通常会默认亲自从API对象中重新导出这些对象。我不认为“重命名端点”会经常发生。

请注意，如果要执行api.injectEndpoints()，则返回值是相同的api对象，但具有更新的TS类型。因此，在这个文件中，您可以执行export const { useGetDataQuery } = splitApi。