将数组发送到 Micronaut Graphql 以从 ReactJS 查询答案

【问题标题】：Sending an array to Micronaut Graphql for query from ReactJS将数组发送到 Micronaut Graphql 以从 ReactJS 查询
【发布时间】：2021-07-16 08:59:38
【问题描述】：

我正在尝试从 reactjs 向 micronaut 发送一个字符串数组，以测试数据是否成功传递，我在前端有这样的东西：

const [filterName, setName] = useState(["test"]);
const age = 1;

const { data: people } = useSWR([`
     query ($name:[String], $age:Int){
        getName(name:$name, age:$age){ ... }`, filterName, age], (query, filterName, age) => fetcher(query, {filterName, age}))

我的 micronaut 后端如下所示：

@GraphQLQuery(name = "getName")
List<User> getName (@GraphQLArgument(name = "name") List<String> name,
                    @GraphQLArgument(name = "age") Integer age ){

    System.out.println("name: " + name.toString());
    System.out.println("age: " + age);
}

我可以打印 age 但 name 打印为 null。难道我做错了什么？我尝试使用 ArrayList 代替 List，仍然无法正确接收名称。希望您能提供帮助。谢谢！

【问题讨论】：

我不确定原因，但对我来说，这似乎是 Micronauts 的问题。请查看以下链接以获得更好的理解：dzone.com/articles/how-to-graphql-in-kotlin-and-micronaut
我之前检查过那个链接，它并没有真正帮助我。

标签： java reactjs graphql micronaut swr

【解决方案1】：

这是 fetcher 中的变量。它需要匹配 micronaut 中声明的 api 名称。应该是这样的：

const [filterName, setName] = useState(["test"]);
const age = 1;

const { data: people } = useSWR([`
     query ($name:[String], $age:Int){
        getName(name:$name, age:$age){ ... }`, filterName, age], (query, filterName, age) => fetcher(query, {name:filterName, age}))

【讨论】：