【问题标题】:TypeScript type for the fetchMorefetch 的 TypeScript 类型更多
【发布时间】:2021-09-25 12:02:51
【问题描述】:

GraphQL 具有fetchMore 方法,可以在需要时获取更多数据。

函数如下所示(src:https://www.apollographql.com/docs/react/pagination/core-api/

fetchMore({
  variables: {
    offset: 10,
    limit: 10
  },
});

当您将fetchMore 函数作为道具传递给子组件时,您必须在子组件中定义它的类型。我无法弄清楚它应该是什么。我使用了any,但我想正确地进行类型转换。有什么建议吗?

【问题讨论】:

  • Typescript 有这样的函数类型。 (x: number, y: number) => number 可以在这里写自己的类型吗?还是您需要更复杂的东西?
  • 很难说出你在问什么。请编辑您的问题并添加一些您正在谈论的代码示例。如果您可以在 typescript playground 上创建问题的最小示例并将链接粘贴到您的问题中,您可能会获得更多帮助。
  • @nlta 是的,类似的东西,但无法提出确切的定义。无论我尝试什么,其余代码都会开始抛出错误
  • @Alex Wayne 编辑了我的问题。希望这应该能够提供更多关于我在寻找什么的背景

标签: typescript graphql react-apollo


【解决方案1】:

@nlta 根据您的建议,这就是我所做的。希望对某人有所帮助

export type FetchMoreArgs = {
  offset: number;
  limit: number;
};

fetchMore: ({ variables: FetchMoreArgs }) => void;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-10
    • 2019-03-14
    • 2021-09-02
    • 2018-03-08
    • 2020-09-29
    相关资源
    最近更新 更多