将参数传递给 react-apollo-hooks useQuery答案

【问题标题】：Passing argument to react-apollo-hooks useQuery将参数传递给 react-apollo-hooks useQuery
【发布时间】：2019-10-06 23:34:55
【问题描述】：

如何在使用 react-apollo-hook 时将参数传递给 useQuery？

这不起作用：

  const { data, loading, error } = useQuery(GET_DATA,
{ variables: { id: 'testId' }});

以及查询本身：

export const GET_DATA = gql`
{ query ($id: String) {
  document(id: $uid) {
    uid
  }  
 }
}
`;

【问题讨论】：

错误是什么？请提供堆栈跟踪。
您可以在浏览器开发工具的网络选项卡中查看服务器的实际响应。如果您的查询无效，这将显示验证错误，这将帮助您解决问题。您可以在 SO 中搜索相同的错误消息，但如果您需要打开一个新问题，则应在问题中包含这些错误，以帮助回答者和未来的搜索者。

【解决方案1】：

您的查询无效，因为 1) 它包含在一对无关的大括号中，并且 2) 您引用了一个名为 uid 的变量，而您定义的变量实际上称为 id。更正后，此查询如下所示：

query ($id: String) {
  document(id: $id) {
    uid
  }
}

请记住，我不知道您的实际架构是什么，因此如果任何字段或参数不存在或类型错误，此查询仍然可能无效。

【讨论】：