我如何获取与类组件反应的 graphql api 端点数据？

【问题标题】：How can i fetch graphql api endpoint data in react with class components?我如何获取与类组件反应的 graphql api 端点数据？
【发布时间】：2022-07-17 13:29:39
【问题描述】：

所以我有一个在本地运行的 GRAPHQL 服务器，我需要在我的 react 应用程序中获取数据，并且我必须使用类组件构建该应用程序。我该怎么做？

【问题讨论】：

标签： reactjs

【解决方案1】：

你会想要使用像graphql-request 这样的库。如果您使用的是类组件而不是功能组件，您将在生命周期方法之一中调用请求。您可以将结果设置为状态并从那里使用它。

import { request, gql } from 'graphql-request'

const query = gql`
  {
    Movie(title: "Inception") {
      releaseDate
      actors {
        name
      }
    }
  }
`

request('https://api.graph.cool/simple/v1/movies', query).then((data) => console.log(data))

【讨论】：

非常感谢！我一定会试试的。

【解决方案2】：

从“@apollo/client/react/components”导入{查询}；从“@apollo/client”导入 { gql }；

导出常量 GET_DATA = gql...your data 导出类应用扩展组件{ 渲染（）{

return(
 <Query query={GET_DATA}>
    {({ error, loading, data }) => {
    if (error) return 'something went wrong';
    if (loading) return 'loading...';
    if (data) console.log(data)
</Query

)

}

}

【讨论】：