reactjs - GraphQLError : Syntax Error: Expected $, found [

Question

我正在尝试查询这里的graphql服务器

http://sapienscube.pythonanywhere.com/intrusion-detection-system

在Reactjs中使用Apollo进行以下查询:

const PREDICT_ATTACK_TYPE = gql`
  query Query($packets: List[List[String]) {
    predict(packets: $packets)
  }
`;
// features is an array of arrays of strings: List[List[String]] like this: [[0, tcp, http, ..., ]]
<Query query={PREDICT_ATTACK_TYPE} variables={{ features }}>
        {({ loading, error, data }) => {
          if (loading) return <div>loading..</div>;
          if (error) return <div>Error:</div>;
          console.log(data);
          return <div>{data.predict}</div>;
        }}

但是我得到了错误

GraphQLError:语法错误:预期的$，找到了[

   5 | 
   6 | import { getFeaturesArray } from "./Utils";
   7 | 
>  8 | const PREDICT_ATTACK_TYPE = gql`
   9 |   query Query($packets: List[List[String]]) {
  10 |     predict(packets: $packets)
  11 |   }

Answer 1

尽管List从技术上讲是GraphQL中的一种类型，但不能在GraphQL文档中按名称引用它。指定特定类型的List时，只需将类型包装在方括号([ ])中。

query Query($packets: [[String]]) {
  predict(packets: $packets)
}

在此，[[String]]表示List的List的String。

您会看到上述错误，因为解析器正在将List类型注册为$packets的类型，然后移至下一个有效字符，该字符应为$，以指示下一个变量定义的开始。