如何使 GraphQL 游樂場不顯示所選選項？

Question

我在操場上有這樣的景色：

但是當我嘗試向 select 添加另一個選項時，我按下了CTRL + space ，我看到了每一個可能的選項，即使是已經選擇的選項。

我怎樣才能阻止這種情況發生？ 在下拉列表中，我只想查看我仍然可以使用的選項 select，而不是已經選擇的選項。

這是我的 index.ts

const app = express();

(async () => {
  const schema = await buildSchema({ resolvers: [ UserResolvers ] });

  const server = new ApolloServer({ schema });

  server.applyMiddleware({ app });
  createConnection({
    type: 'mysql',
    ...dbData,
    entities: [
      Availability,
      Chat,
      Meeting,
      Message,
      Offer,
      Tag,
      User,
    ],
    synchronize: true,
    logging: true,
  })
    .then(() => {
      app.listen({ port: 4000 }, () => {
        console.log(
          `🚀 Server ready at http://localhost:4000${ server.graphqlPath }`,
        );
      });
    })
    .catch((error) => console.log(error));
})();

Answer 1

沒有選項可以更改此行為。 您可以在 GraphiQL 存儲庫中打開一個問題（GraphQL Playground 已被有效棄用，並將被合並到 GraphiQL 中）以請求此功能。

但是，也不太可能支持這樣的功能。 重復的字段名稱在 GraphQL 中完全有效。 此外，為字段的每個實例使用不同的別名和一組不同的 arguments 多次請求同一字段並不少見：

query {
  activeUsers: users(isActive: true) {
    ...UserFragment
  }
  inactiveUsers: users(isActive: false) {
    ...UserFragment
  }
}

在這種情況下，僅僅因為它已經包含在選擇集中而從建議列表中省略一個字段並沒有真正的意義。