javascript - React-Apollo：对变量列表进行查询调用

Question

给定用户名列表和以下查询GITHUB API：-

query.gql:
query USER_QUERY($username:String!){
            user(login: $username){
                  name
                repositories(isFork:false){
                totalCount
              }
            }
          }

我想composite query为每个username.

例子：

假设这是用户名列表

array usernames=["Sheldon","Leonard","Raj","Holowitz"]

预期查询：

 {
  sheldon:user(login: "sheldon") {
    name
    repositories(isFork: false) {
      totalCount
    }
  }
  leonard:user(login: "leonard") {
    name
    repositories(isFork: false) {
      totalCount
    }
  }
  raj:user(login: "raj") {
    name
    repositories(isFork: false) {
      totalCount
    }
  }
  holowitz:user(login: "holowitz") {
    name
    repositories(isFork: false) {
      totalCount
    }
  }

有什么react方法可以达到结果吗？

Answer 1

对此没有react唯一的方法——react 不适用于胶水字符串模板。

您的预期查询不是以正确的 graphQL 方式构建的。它可能有效，但你不应该那样想——当你需要数组时——只需要一个数组。如果您真的需要这种结构，请在获取“正常”数组后执行（转换） - 这是单线.filter()fn 的问题。不要期望这种（奇怪的）格式（行为）来自普遍的反应。

阅读this和this的相关答案。

甚至调用单独的查询也可能被 apollo 批处理。