如何从 Hasura 钩子获取数据 "useQuery"

Question

我是网络开发的初学者，所以我想用 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("*************")

如何从 Hasura 钩子获取数据 "useQuery"

how get datas from Hasura hook "useQuery"

javascript

postgresql

reactjs

hasura

react-hooks