Reactjs 如何发送带有查询的Apollo请求(graphql)?
我有这样的任务,所以发送一个带有这些参数的查询Reactjs 如何发送带有查询的Apollo请求(graphql)?,reactjs,graphql,apollo,apollo-client,Reactjs,Graphql,Apollo,Apollo Client,我有这样的任务,所以发送一个带有这些参数的查询 {operationName:getPostList,variables:{input:{type:post,locale:en,projectId:1}},query:query getPostList($input: PostSearchType) {\n posts(input: $input, paging: {limit: 12}) {\n items {\n id\n type\n locale\n sh
{operationName:getPostList,variables:{input:{type:post,locale:en,projectId:1}},query:query getPostList($input: PostSearchType) {\n posts(input: $input, paging: {limit: 12}) {\n items {\n id\n type\n locale\n shortDescription\n fullUrl\n thumbnail\n tags\n title\n publishedAt\n __typename\n }\n __typename\n }\n}\n"}
但是我不明白如何在gql函数(apollo boost)中指定这些参数
这是我的要求
const GET_MOVIES = gql`
{
query getPostList($input: PostSearchType){
posts(
input:$input,
paging : {
limit:12
}
items{
id,
type,
locale,
shortDescription,
fullUrl,
thumbnail,
tags,
title,
publishedAt,
__typename
}
__typename
)
}
"operationName":"getPostList",
"variables":{
"input":{
"type":"post",
"locale":"en",
"projectId":1
}
}
}
`请查看示例代码。您可以根据您的要求进行调整
/**
* Sample code to showcase how queries work in React Apollo client
*/
import React from "react";
import gql from "graphql-tag";
import { useQuery } from "@apollo/react-hooks";
const GET_MOVIES = gql`
query getPostList($input: PostSearchType) {
posts(input: $input) {
id
type
locale
shortDescription
fullUrl
thumbnail
tags
title
publishedAt
__typename
}
}
`;
const ApolloReactExample = () => {
const { loading, data, error } = useQuery(GET_MOVIES, {
variables: { input: "YOUR_INPUT" },
});
return <div></div>;
};
export default ApolloReactExample;
/**
*示例代码展示查询如何在React Apollo客户端中工作
*/
从“React”导入React;
从“graphql标签”导入gql;
从“@apollo/react hooks”导入{useQuery}”;
const GET_MOVIES=gql`
查询getPostList($input:PostSearchType){
员额(投入:投入){
身份证件
类型
场所
简短描述
完整URL
缩略图
标签
标题
出版
__字体名
}
}
`;
常量示例=()=>{
const{loading,data,error}=useQuery(GET_MOVIES{
变量:{input:“您的输入”},
});
返回;
};
导出默认值示例;
您是否阅读了此文档?我希望这会有所帮助-是的,我已经阅读了文档,我发送的请求正是文档所说的,但是我经常收到GraphQLError:Syntax Error:Expected Name,Find String“1”。你能在这里添加一段代码吗?这样我就可以看到你是如何做的了?@AbhishekRaj,我已经添加了我的代码。它抛出一个语法错误GQL仅用于查询,其他内容是请求、搜索axios或获取示例/答案(变量突变)的一部分。。。或者更好的教程