reactjs - 将参数传递给 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
  }
}

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