22、探索GraphQL语法与React应用集成

探索GraphQL语法与React应用集成

1. 理解GraphQL语法

1.1 指定查询参数

在进行GraphQL查询时，我们可以让查询参数值可变。以下是调整仓库查询以使查询参数可变的步骤：
1. 在 QUERY VARIABLES 面板中添加以下查询变量：

{
    "owner": "facebook",
    "name": "react"
}

这里使用JSON语法指定变量， owner 表示仓库所有者， name 表示仓库名称。
2. 更新查询以引用查询变量：

query ($owner: String!, $name: String!) {
    repository (owner:$owner, name:$name) {
        ...
    }
}

查询参数在 query 关键字后的括号中指定，参数名前需加美元符号 $ ，参数类型在冒号 : 后指定， ! 表示该参数为必需参数。
3. 执行查询，JSON结果将与使用硬编码仓库所有者和名称条件的查询相同。
4. 更改变量值以针对不同的仓库并重新运行查询，JSON结果将包含相同的字段，但值为所请求仓库的值。

1.2