GraphiQL 中的“合并”按钮是什么?

And*_*ler 5 graphql graphiql

MergeGraphiQL UI 中按钮的用途是什么?它似乎在做与按钮相同的事情Prettify

请提供示例

Asa*_*saf 6

Merge按钮用于用定义的片段展平查询。它与 Prettify 不同,Prettify 保留原始查询,但只是缩进。

使用 GraphiQL netify 演示模式,以下查询是“Prettified”

query {
  test {
    person {
      name
      age
      ...friendNames
    }
  }
}

fragment friendNames on Person {
  friends {
    name
  }
}
Run Code Online (Sandbox Code Playgroud)

当点击Merge按钮时,结果如下:

{
  test {
    person {
      name
      age
      friends {
        name
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

要观看上述内容的现场演示,您可以点击此链接

  • 非常感谢!非常清晰易懂的答案。 (2认同)