使用 Apollo 查询获取所有页面

Question

假设我的数据库中有 500 行。我想要 100 页 50 行。这是fetchMore 请求的示例。

const fetchNextPage = (props) => {
  props.Query.fetchMore({
    query: gql(getRows),
    variables: {
      skip: props.Query.rows.length,
    },
    updateQuery: (previousResult, next) => {
      return {
        ...previousResult,
        rows: [...previousResult.rows, ...next.fetchMoreResult.rows],
      };
    },
  });
}

我不确定的是……

1. 如何在不进行额外用户操作的情况下获取所有页面？
2. 既然我知道所需页面的总数，我该如何并行发送它们？

Answer 1

您实际上可以通过一次操作来做到这一点。使用aliases，您可以使用不同的参数多次请求同一个字段。

这里是官方explanation about aliases。

在您的情况下，它类似于：

  query GetAllPages {
      page1rows: rows(skip: 0, limit: 50) { # "skip" and "limit" are just regular variable names
          #...rowFields
      }
      page2rows: rows(skip: 50, limit: 50) {
          #...rowFields
      }
      #... etc.
  }

在此示例中，page1rows 和 page2rows 是 rows 字段的别名。您可以选择其他别名。

请注意，skip 和 limit 没有什么特别之处，它们是普通变量，它们的使用取决于服务器上的架构和解析器。我在你的代码中看到你使用skip，如果你知道你总是会得到50行那么limit是多余的。

响应应该是这样的：

{
  "data": {
    "page1rows": [
      //... rows
    ],
    "page2rows": [
      //... rows
    ],
    //... etc.
  }
}

这种方式无需额外的用户操作即可工作，您一次获得所有页面，无需使用fetchMore。