Qandar

Q GridsomeのGraphQLで受け取る変数は?

公開日:2021年4月1日

Answer

page-queryが受け取れる変数は実質二つ

Gridsomeが自動生成するGraphQLに収容されるクエリには、

id: ID
path: String
nullable: Boolean = false

の3つが、引数として指定されます。

一方で、Gridsomeのジェネレータ側では、templateとpageでpage-queryを使えますが、

  1. id: ID
  2. path: String

この二つしかページのパラメータから引数として収納していません。つまり、実質「idとpathでしか検索できない」と思って良いでしょう。

受け取る変数を使ってクエリを発行する

この二つで引くようにGraphQLのクエリを発行してみます。

例えば、このクエリと、

<page-query>
  query Blog($path: String) {
    articles(path: $path) {
      title
      date
    }
  }
</page-query>

このクエリは、

<page-query>
  query Blog($id: ID) {
    articles(id: $id) {
      title
      date
    }
  }
</page-query>

基本的には同じ結果を返すはずです。

新着Q&A