如何从 Hasura 钩子“useQuery”获取数据

Question

我是 Web 开发的初学者，所以我试图用 Hasura 的钩子“useQuery”做一个简单的“GET”，但我无法访问我的数据。 但是，我的查询已经在 Hasura 控制台上进行了测试，并且可以正常工作。 我有几个数组，在 json 端有一些数据。

所以我不明白为什么当我尝试在我的 React 项目中获取数据时，它不起作用并且数据设置为“未定义”。

这是我的代码：

const GET_DATA_FOR_ACHIEVEMENTS = gql`
query getDataForAchievments{
  UserAchievements {
    additionalInfo
    created_at
    label
    points
    step
    userEmail
  }
}`;
type AchievementsResult = {
    created_at: string;
    points: number;
    label: string;
    userEmail: string;
    step: string;
    additionalInfo: string;
};


export const Statistics = () => {
  const { user, isLoading } = useAuth0();
  const {data, error, loading} = useQuery(GET_DATA_FOR_ACHIEVEMENTS); 

  let filteredDatas = data.UserAchievements;
  console.log(filteredDatas[0].step);
  console.log("*************")

有人知道为什么吗？

谢谢你未来的帮助

Answer 1

最初数据将是未定义的。 这样做。

export const Statistics = () => {
  const { user, isLoading } = useAuth0();
  const {data, error, loading} = useQuery(GET_DATA_FOR_ACHIEVEMENTS); 
  if(loading){
    return 'Loading...';
  }
  if(error){
    return 'error :(';
  }
  let filteredDatas = data.UserAchievements;
  console.log(filteredDatas[0].step);
  console.log("*************")