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

Question

GraphiQL UI中的Merge按钮的用途是什么。它看起来和Prettify按钮做同样的事情。

请举个例子

Answer 1

Merge按钮用于展平包含已定义片段的查询。它与Prettify不同，后者保留了原始查询，但只缩进了它。

使用GraphiQL netify演示模式，下面的查询被“美化”了。

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

fragment friendNames on Person {
  friends {
    name
  }
}

单击Merge按钮时，结果如下所示：

{
  test {
    person {
      name
      age
      friends {
        name
      }
    }
  }
}

要查看上述内容的现场演示，您可以访问以下link