Q. GridsomeのGraphQLで受け取る変数は?
公開日:2021年4月1日
A.nswer
page-queryが受け取れる変数は実質二つ
Gridsomeが自動生成するGraphQLに収容されるクエリには、
id: ID
path: String
nullable: Boolean = false
の3つが、引数として指定されます。
一方で、Gridsomeのジェネレータ側では、templateとpageでpage-queryを使えますが、
- id: ID
- 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>
基本的には同じ結果を返すはずです。