3

我目前正在研究此处找到的 urql+react 教程,同时还将 graphQL API 调用添加到我自己的应用程序中。

在本教程中,提供了以下代码来向服务器发送查询并根据结果呈现组件

const FEED_QUERY = gql`
  {
    feed {
      links {
        id
        createdAt
        url
        description
      }
    }
  }
`

const LinkList = () => {
  const [result] = useQuery({ query: FEED_QUERY })
  const { data, fetching, error } = result
  
  if (fetching) return <div>Fetching</div>
  if (error) return <div>Error</div>
  
  const linksToRender = data.feed.links

  return (
    <div>
      {linksToRender.map(link => <Link key={link.id} link={link} />)}
    </div>
  )
}

当我自己实现本教程时,此代码运行正确,但是当我尝试将此确切代码添加到我自己的应用程序时,我收到以下错误

文本

我进行了三次检查,以确保所有必要的 urql 和 graphql 依赖项都安装在我的应用程序中,所以我不确定是什么导致了这个问题。

4

0 回答 0