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

Question

使用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
  }  
 }
}
`;

Answer 1

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

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

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