![](/img/trans.png)
[英]React Apollo Client useQuery Hook gql Uncaught TypeError:(...) is not a function
[英]@apollo/client react hook useQuery() data undefined
我用反应钩子阿波罗客户端制作了一个片段gql,在网络中请求没问题,但数据没有在反应中获取......为什么? 谢谢。
我的 GQL 和 useQuery:
import gql from "graphql-tag";
import {useQuery} from "@apollo/client";
const AuthorFragment = {
entry: gql`
fragment AuthorFragment on Author {
... on User {
id
profile {
pseudo
picture
__typename
}
__typename
}
... on Guest {
username
picture
__typename
}
__typename
}`,
};
const MESSAGE_QUERY = gql`
query adminMessageSearch($offset: Int, $limit: Int) {
website {
id
adminMessageSearch (object: "comments", offset: $offset, limit: $limit) {
meta {
count
offset
limit
},
messages {
id
content
contentEditedAt
createdAt
status
ip
thread {
id
url
pageTitle
}
votes {
score
}
author {
...AuthorFragment
}
}
}
}
}
${AuthorFragment.entry}
`;
export const useMessageQuery = (offset, limit) => useQuery(MESSAGE_QUERY, {
variables: {
offset: offset|| 0, limit: limit || 10,
},
fetchPolicy: "network-only" });
我的反应:
import React, { useState } from 'react'
import {useMessageQuery} from "../../graphql/queries/messageQuery";
import Message from "./Message";
export const ListingMessage = () => {
const {loading,error, data} = useMessageQuery(0, 10);
if(loading) return 'Loading...';
if(error) return `Error! ${error.message}`;
return (
<div className="list-disc ">
<p > total: {data.website.adminMessageSearch.meta.count}
<br/>
</p>
</div>
)
}
export default ListingMessage;
数据未定义,但我在网络中看到的请求 graphql 是可以的。 我尝试异步 => 等待我的代码 useMessageQuery,但似乎不起作用。
请问你能帮帮我吗?
非常感谢。
您的查询名称是adminMessageSearch
,因此您可以像使用data.adminMessageSearch
一样使用data.website.adminMessageSearch.meta.count
来访问它。没有data.website
会导致未定义。 所以修改
return (
<div className="list-disc ">
<p > total: {data.adminMessageSearch.website.adminMessageSearch.meta.count}
<br/>
</p>
</div>
)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.