范围错误：最大调用堆栈大小已超出 React 本机

Question

我使用https://formidable.com/open-source/urql/用于从React Native中的GraphQL服务器获取数据。

该组件的实现方式如下：

import React from "react"
import { View, Text } from "react-native"
import { HashtagsProps } from "./types"
import { useQuery } from "urql";

const HashtagsQuery = `
query {
    searchHashtags(input: {pattern: "vegan"}) {
      id
      name
    }
}  
`

export default function Hashtags({ navigation }: HashtagsProps) {

    const [result] = useQuery({
        query: HashtagsQuery
    })

    const { data, fetching, error } = result;

    if (fetching) console.log("loading");
    if (error) console.log(error.message);
    console.log(data)

    return (
        <View>
            <Text>Hashtags</Text>
        </View>
    )

} 

运行应用程序时，查询按预期工作，我从GraphQL服务器接收数据。

但是，控制台会显示错误消息：

未处理的promise拒绝，[RangeError：超出最大调用堆栈大小。]在node_modules/core-js/内部/host-report-errors.js：5:32module.exports在http://192.168.178.27:19000/node_modules/expo/AppEntry.bundle?platform=android

我用的是世博版^42.0.0.

我还尝试省略graphql查询，如下所示：

export default function Hashtags({ navigation }: HashtagsProps) {

   
    return (
        <View>
            <Text>Hashtags</Text>
        </View>
    )

}

并且错误消息不再出现。

我做错了什么？

Answer 1

似乎你的查询每次都会尝试调用。你能帮我包装一下吗？然后，如果您有更新，您可以添加它使用效果部门。