Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/magento/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何发送带有查询的Apollo请求(graphql)?_Reactjs_Graphql_Apollo_Apollo Client - Fatal编程技术网

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或获取示例/答案(变量突变)的一部分。。。或者更好的教程