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

【问题标题】：how get datas from Hasura hook "useQuery"如何从 Hasura 钩子“useQuery”中获取数据
【发布时间】：2021-09-29 18:48:09
【问题描述】：

我是 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("*************")

有人知道为什么吗？

感谢您未来的帮助

【问题讨论】：

标签： javascript reactjs postgresql react-hooks hasura

【解决方案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("*************")

【讨论】：