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

Posted 2023-03-08

【中文标题】将参数传递给 react-apollo-hooks useQuery

【英文标题】：Passing argument to 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
  

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