基于条件的React Apollo查询
是一种在React应用中使用Apollo Client进行数据查询的方法。它允许开发人员根据特定条件来动态构建GraphQL查询，并将查询结果与组件进行绑定。
基于条件的React Apollo查询的优势在于它提供了一种灵活的方式来处理不同条件下的数据查询需求。通过使用条件参数，开发人员可以根据组件的状态或用户的操作来构建不同的查询，并将查询结果实时更新到组件中。这种方式可以提高应用的性能和用户体验，因为只有必要的数据会被查询和更新。
应用场景：
- 动态搜索：当用户在搜索框中输入关键字时，可以使用基于条件的查询来根据输入的关键字实时查询相关数据，并将结果展示给用户。
- 过滤和排序：当用户需要根据特定条件对数据进行过滤和排序时，可以使用基于条件的查询来构建相应的查询语句，并将结果按照用户的需求展示。
- 分页加载：当需要加载大量数据时，可以使用基于条件的查询来实现分页加载功能，只在需要时加载更多的数据，提高应用的性能。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品，以下是其中几个与React Apollo查询相关的产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署和运行React应用和Apollo服务器。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务，用于存储和管理应用的数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：无服务器计算服务，用于编写和运行无需管理服务器的应用程序逻辑。 产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上推荐的产品仅作为示例，实际选择应根据具体需求进行评估和决策。
相关·内容
我有一个组件，它使用GraphQL修饰器语法显示来自react-apollo查询的结果。查询接受一个参数，我希望根据组件状态动态设置该参数。
考虑以下简化示例：
import * as React from ‘react’;
import { graphql } from ‘react-apollo’;
import gql from ‘graphql-tag’;
const myQuery = gql`
query($active: boolean!) {
items(active: $active) {
}
}
`;
@graphql(
浏览 0提问于2017-06-28得票数 11
回答已采纳
2回答
如何将2个graphql查询与react-apollo-hooks结合使用，其中第二个查询依赖于从第一个查询中检索到的参数？
我尝试使用2个查询，如下所示：
const [o, setO] = useState()
const { loading: loadingO, error: errorO, data: dataO } = useQuery(Q_GET_O, { onCompleted: d => setO(d.getO[0].id) });
if (loadingO) { return "error" }
const { loading: loadingOP
浏览 27提问于2019-08-20得票数 2
回答已采纳
当您重新访问其数据由react-apollo提供支持的页面时，如何使用refetch刷新数据
比方说，我第一次访问列表页面。默认情况下，apollo将获取查询并对其进行缓存。因此，当您在会话期间再次访问同一页面时，它将填充其缓存存储中的数据。如何强制apollo在每次挂载组件时都重新获取数据？
浏览 3提问于2017-05-05得票数 7
回答已采纳
1回答
我有一个应用程序，它是基于auth令牌的用户。当我试图访问useQuery返回的用户数据时，我总是得到一个“无法读取未定义属性”的错误。我决定添加一个console.log(userData)来查看发生了什么，在调用它并返回正确的对象之前，它会用未定义的响应调用查询5或6次。有人能帮我吗？由于未定义错误的属性，它使我无法对访问的任何数据做任何事情。
我的Index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import
浏览 3提问于2020-07-18得票数 0
1回答
我找到了一些关于如何用react-apollo模拟常规查询的资源。示例代码如下：
import ApolloClient from 'apollo-client';
import { ApolloProvider } from 'react-apollo';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { addMockFunctionsToSchema, makeExecutableSchema } from 'graphql-tools';
co
浏览 4提问于2018-04-24得票数 2
使用apollo和react，我想根据(远程) apollo查询的结果更新我的本地apollo状态。
查询的类型为[String!]!，我的本地州包含类型为String的{ name }。我希望将本地{ name }分配给查询返回的第一个项目。
const App = compose(
graphql(gql`{ name @client }`, { name: 'localData' }),
graphql(gql`{ currencies { name } }`)
)(({ localData }) => <h1>{ localData.n
浏览 5提问于2018-11-23得票数 0
2回答
应用链接-rest集标头
、、、、
编辑:下面描述的问题是我使用的api的问题.跟阿波罗没什么问题。
我正在尝试使用apollo-link-rest，并在头中设置api-key。如果我尝试使用完全相同的api端点，并在Postman应用程序中将api键设置为标头，它的工作非常好。但对apollo-link-rest来说不是
import { AppContainer } from 'react-hot-loader';
import React from 'react';
import ReactDOM from 'react-dom';
import App from '
浏览 0提问于2018-10-03得票数 4
回答已采纳
我刚开始使用graphql和React。 我有一个类型，解析器，一个monogoDB和mongoose模式都可以工作。 我有playgoround工作，可以使用它来进行查询和突变，以更新数据库。 我现在的问题是从React中进行查询并取回数据。 我的index.js是： import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App';
import * as
浏览 28提问于2019-09-19得票数 1
回答已采纳
1回答
我的反应方式似乎有错误--阿波罗。根据这些文档，我试图对阿波罗进行一个基本的查询。这是我在浏览器中看到的错误，在“审查”页面上。看来this.getClient是未定义的，无法调用watchQuery。
react-apollo.browser.umd.js:417 Uncaught TypeError: this.getClient(...).watchQuery is not a function
at GraphQL.createQuery (react-apollo.browser.umd.js:417)
at GraphQL.setInitialProps (react-apollo
浏览 2提问于2018-02-19得票数 3
回答已采纳
今天，我在我的GraphQL项目中遇到了一个React.js问题。我试图做的是，一旦完成一个突变，就重新获取一个查询。我的代码基如下
const getUserTeamQuery = useQuery(getUserTeam(usersFragment))
const data = get(getUserTeamQuery, 'data.getUserTeam')
const [updateUser] = useMutation(updateUserMutation(usersFragment), {
onCompleted: () => {
getUser
浏览 2提问于2020-02-27得票数 4
我正在创建一个apollo react应用程序。我想让阿波罗来管理我当地的州。我想要构造我的本地状态，这样并不是所有的标量值都在顶层。
这是我的配置：
import React from 'react'
import ReactDOM from 'react-dom'
import ApolloClient from 'apollo-boost'
import gql from 'graphql-tag'
import { InMemoryCache } from 'apollo-cache-inmemory'
i
浏览 3提问于2018-11-13得票数 0
1回答
我正在使用apollo客户端设置一个新的前端，但我收到了一个错误： Error: Network error: link.request is not a function
at new ApolloError (bundle.esm.js:63)
at ObservableQuery../node_modules/apollo-client/bundle.esm.js.ObservableQuery.getCurrentResult (bundle.esm.js:159)
at ObservableQuery../node_modules/apollo-client
浏览 12提问于2019-06-03得票数 1
我开始使用GraphQL和新的Nexus Framework GraphQL服务器，这是一个很棒的产品。 在我的服务器端，我定义了我的模式，我可以用Prisma查询我的数据库，一切都运行得很顺利。我还可以从Nexus和GraphQL游乐场查询数据。 现在，我想让事情在客户端工作。我认为Apollo Client是集成React和GraphQL的最佳解决方案，但我就是不能让它工作。我读了一大堆的文档，但我漏掉了一些我搞不懂的东西。 GraphQL和客户端部分将托管在同一服务器上，位于不同的节点应用程序上。 我正在根据它的文档配置Apollo。下面的例子是我正在测试的Apollo的新的3.0 B
浏览 27提问于2020-04-16得票数 1
回答已采纳
我有一个简单的react组件，它必须在用户要求时从服务器加载数据。问题是我不知道如何在组件加载状态之前传递动态变量speakerUrl并访问它。当然，我可以从this.props.params访问它，但是组件没有加载，当我进行graphql查询时也无法访问它。查询-当我手动设置url变量时，QuerySpeaker运行良好。
路由器
<Route path="/speaker/:speakerUrl" component={SpeakerPage} />
组件- SpeakerPage
import React from 'react';
impor
浏览 5提问于2016-12-07得票数 6
回答已采纳
我有一个返回项数组的GraphQL查询。我可以在GraphiQL中运行查询并获得我期望的结果。
我有一个react应用程序，它使用react-apollo和@graphql装饰器来解析对组件道具的相同查询。当通过react-apollo运行查询时，返回数组中的每个项都是相同的--每个项都被最后一个项“覆盖”了。
在开发工具网络选项卡中，我可以看到正确的数组项是通过网络发送的，因此这个问题似乎与react阿波罗有关。什么会导致反应-阿波罗覆盖阵列元素？
浏览 0提问于2017-07-07得票数 2
回答已采纳
我正在尝试创建一个使用阿波罗客户端查询Yelp的基本GraphQL应用程序。
当我试图发送查询时，我收到了401错误响应。
我已经加入了Yelp的开发者Beta程序，并且尝试刷新我的API密钥，但这是行不通的。这是我的index.js文件的代码。
import React from 'react'
import ReactDOM from 'react-dom'
import {ApolloProvider} from 'react-apollo'
import { ApolloClient } from "apollo-client&#
浏览 0提问于2019-01-16得票数 0
我有一个使用基于React的apollo-client运行apollo-server-express的用例。对于一些查询，我有一个外部graphql-datasource。目前，我已经将apollo-datasource-graphql配置为用作我的apollo-server-express的数据源。然而，这需要在Apollo中的解析器和我的外部graphql系统上的解析器上重复工作。
有没有办法通过Apollo Server将客户端中的查询传递给外部graphql数据源？
浏览 16提问于2020-06-07得票数 0
当我使用以下内容查询服务器时：
query{
counterparty {
name
}
}
我得到了想要的输出。
但是，当我尝试在屏幕上显示输出时，通过在react中呈现一个组件集，我会得到以下错误：
下面是我客户端的代码：-我的App.js
import React, { Component } from 'react';
import ApolloClient from "apollo-boost";
import { ApolloProvider } from "react-apollo";
import
浏览 1提问于2018-04-09得票数 2
回答已采纳
1回答
这是使用react-apollo执行的标准查询 const { loading, data, error } = useQuery<RocketInventoryData, RocketInventoryVars>(
GET_ROCKET_INVENTORY,
{ variables: { year: 2019 } }
); 如果我想将loading、data或error传递给子组件，有没有办法从react-apollo访问这些类型
浏览 62提问于2020-01-29得票数 0
回答已采纳
2回答
我正在使用rails/graphql开发一个新的应用程序，我正在使用rails/graphql，但问题是当我尝试用我所做的配置调用应用程序中的api url时。它根本不起作用(学习世园会)，它的错误是：
错误:网络错误:网络请求失败
我已经设置了我的pc的ip地址，而不是“localhost”，但是我没有得到任何结果，我的代码是：
// React
import React from 'react';
// React-native
import { StyleSheet, Text, View } from 'react-native';
// Comp
浏览 2提问于2020-04-05得票数 2
我已经开始使用GraphQL server和Apollo client了。代码是用Reactjs编写的。现在，我希望使用任何查询从GraphQL服务器获取数据，并将数据显示到UI中的表中。我使用npm react-table处理表格。
如果查询响应没有数组，我可以很容易地获取和显示数据。例如，我的查询输入字符串如下：
{
account {
firstName
lastName
id
}
}
和不带数组的查询结果
{
"data": {
"account": {
"firstName":
浏览 3提问于2018-01-09得票数 1
回答已采纳
我正在使用带有钩子和Apollo Client 3的React functional components。我可以使用useLazyQuery来检查正在使用它的组件的加载状态，但是否可以使用Apollo自己的API在单独的组件中检查相同查询的加载状态，即不传递props或使用React的上下文？
浏览 6提问于2020-02-11得票数 0
我在我的反应计划中使用“阿波罗”，我不断地收到这个错误。
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @apollo/react-common@3.1.4
npm ERR! Found: react@17.0.2
npm ERR! node_modules/react
npm ERR! react@"^17.0.2" from the root project
npm ERR! peerOptional react@"
浏览 5提问于2022-06-17得票数 2
我正在使用react apollo提供的graphql HOC获取数据列表。例如：
const fetchList = graphql(
dataListQuery, {
options: ({ listId }) => ({
variables: {
listId,
},
}),
props: ({ data: { loading, dataList } }) => {
return {
loading,
list: dataList,
};
}
浏览 8提问于2017-03-09得票数 24
我希望能够在客户端模拟一些查询，这样我就不需要提供一个GraphQL端点来处理我的React应用程序了。
根据阿波罗的文档，看起来我应该使用。我尝试遵循这个示例，但在我的示例中，当试图访问包装好的组件中的查询结果时，出现了一个错误：Network error: Expected undefined to be a GraphQL schema.。
，有人能帮我理解我在这里做错了什么吗？
下面是一个完整的index.js示例来说明我的问题：
import React, { Component } from 'react';
import ReactDOM from 're
浏览 1提问于2018-02-13得票数 2
我使用阿波罗客户端2与反应。当查询完成加载时，是否有回调？
我正在制作一个用户的帐户页面。电子邮件字段应该显示用户的电子邮件。我可以使用我的graphQL查询获得这个值，但是只有在组件已经挂载之后，加载才会完成。因此，我不能使用componentDidMount。是否有回调或事件，我使用setState和填充电子邮件字段的方式？
import React from 'react';
import gql from 'graphql-tag';
import { graphql } from 'react-apollo';
class Accou
浏览 0提问于2018-01-24得票数 1
回答已采纳
1回答
我是初学者，我试着学习图形to。我想要创建一个应用程序，以更新数据(实时)从反应网络应用，以反应本地移动应用与图形to。在web应用程序中，当我按OK按钮时，很容易重新获取查询。在移动应用程序中，当我按下web应用程序的按钮时，我不知道如何重新获取查询。
我试图通过websockets(socket.io)传输数据，最后我设法传递数据，但这很费时。
这是WEB应用程序
这就是我想要做的
用react.js构建的网络应用程序
用react构建的移动应用程序-native.js
这是我的反应本机代码，我不知道如何和在哪里使用重取查询。
App.js
import React, { Comp
浏览 0提问于2019-07-31得票数 2
回答已采纳
应用程序是在X-code中成功构建的，但在启动时会出现以下错误：
Unable to resolve module
`../node_modules/react-native/node_modules/react-apollo/react-apollo.browser.umd.js`
from `/Users/lau/Documents/project/watch/mobile/src/Screen.js`:
could not resolve
`/Users/lau/Documents/project/watch/mobile/node_modules/react-native/no
浏览 0提问于2018-08-16得票数 0
我想通过Apollo向这个服务器发送一个请求，并得到一个查询：
const client = new ApolloClient({ link: new HttpLink({ uri:''}), cache: new InMemoryCache()
})
const FeedQuery = gql query{ allFmr{ fmrId, name, studio, bedRm1, bedRm2, bedRm3, bedRm4 } } `但我正面临这样的错误消息：
未处理(在react-Ap
浏览 0提问于2017-12-23得票数 8
我已经让Apollo链接状态工作了：
import React from 'react';
import ReactDOM from 'react-dom';
import { HttpLink, InMemoryCache, ApolloClient } from 'apollo-client-preset';
import { WebSocketLink } from 'apollo-link-ws';
import { ApolloLink, split } from 'apollo-link';
impor
浏览 0提问于2018-05-21得票数 1
我是以编程方式使用graphql codegen的。
import * as typescriptReactApolloPlugin from "@graphql-codegen/typescript-react-apollo";
const config: Types.GenerateOptions = {
documents: [{ document: doc }],
config: {},
// returns the string output, rather than writing to a file
filename: "index.ts
浏览 18提问于2022-08-23得票数 1
回答已采纳
我在开始使用React、Apollo和AWS-AppSync时遇到了一些问题。我无法解决此错误消息： TypeError: this.currentObservable.query.getCurrentResult is not a function 我使用的是@apollo/react-hooks和aws-appsync的更新包。 我当前的设置如下所示。 import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App f
浏览 31提问于2020-03-23得票数 5
下面是使用Apollo客户端的示例客户端代码。
我从nodemon express服务器上提供数据。
我的查询在graphiQL中运行良好。
import React from "react"
import { graphql } from 'react-apollo'
import gql from "graphql-tag";
const CounterpartyQuery = gql`
query data{
counterparty {
name
}
}
`;
浏览 0提问于2018-04-10得票数 0
看看这个：
/* eslint no-console: 0 */
import { ApolloProvider } from '@apollo/react-hooks';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloClient } from 'apollo-client';
import { HttpLink } from 'apollo-link-http';
import fetch from 'isomorphic-u
浏览 0提问于2019-10-04得票数 0
3回答
我使用阿波罗和React对查询进行映射，但得到一个TypeError:无法读取未定义的属性“map”。
我不知道道具的传递是问题还是自我质疑。
我知道查询是由片段组成的，但更改该查询并不能修复错误。
以下是代码：
App.js
import React from 'react';
import './App.css';
import { Query } from 'react-apollo'
import { gql } from 'apollo-boost'
import ListPosts from './com
浏览 1提问于2020-04-05得票数 0
回答已采纳
我没有任何UI框架。只是一个简单的Nodejs脚本，我需要在其中查询一个GraphQL。
代码：
const ApolloClient = require('apollo-client')
const client = new ApolloClient()
错误消息：
TypeError: ApolloClient is not a constructor
Package.json：
{
...
"dependencies": {
"apollo-client": "^2.4.13",
"grap
浏览 2提问于2019-02-14得票数 9
回答已采纳
如果您的模式中没有对象映射，则Apollo iOS Swift不会将JSONArray转换为字符串。我有一个查询，其中对象的结果数组没有在模式的schema.json描述中映射：
{"name":"stack",
"description":"",
"args":[
],
"type":{
"kind":"LIST",
"name":null,
"ofType":{
"kind":"SCALAR",
&#
浏览 0提问于2019-03-04得票数 0
在我们的graphql查询中添加了一些接口类型之后，我们的react阿波罗应用程序得到了fragmentMatcher错误：
您使用的是简单(启发式)片段匹配器，但是查询包含联合或接口类型。阿波罗客户端将无法准确地映射fragments.To使此错误消失，请使用docs：中描述的IntrospectionFragmentMatcher
我遵循了指引，错误并没有消失，它仍然说我在使用启发式片段匹配器，即使我不是？有什么想法吗？
使用react-apollo@1.2.0 & apollo-cache-inmemory@1.0.0，这里是我的阿波罗配置：
...
import {
浏览 6提问于2017-10-31得票数 0
回答已采纳
我有一个使用阿波罗客户端的GraphQL的React项目。我正在尝试弄清楚如何根据搜索文本更改查询结果。我在后台实现了查询搜索，它工作得很好。但是我不知道如何使用相同的查询在React中设置过滤器。尽管有关于如何在https://www.howtographql.com/react-apollo/7-filtering-searching-the-list-of-links/上进行过滤的教程，但它并不使用ES6，我也不知道该怎么做。我被这个过滤器卡住了大约10天。 我会给你看我的代码。 App.js import React from 'react';
import Hero
浏览 11提问于2020-01-29得票数 1
回答已采纳
1回答
因此，我使用Graphql和apollo设置了一个应用程序接口，并设法将字符串数组放入mongoDB中……现在我正在使用Apollo将数据查询到react中，似乎找不到如何检索它，因为我得到了一个
error:[GraphQL error]: Message: String cannot represent an array value: [pushups,situps], Location: [object Object], Path: wods,0,movements
我的模式设置为：
const WodType = new GraphQLObjectType({
name:
浏览 0提问于2018-08-25得票数 0
1回答
我在试着从阿波罗高速缓存中获取数据。我知道数据在那里，因为在Apollo开发工具中，指定的记录是可用的。在我的react应用程序中，我做了一个简单的点击并设置Id，然后将Id传递给查询。从client.readQuery(...)得到的结果是null。我转来转去，因为我不知道为什么。我使用代码的方式与文档中的完全相同。
下面是一个查询：
export const RECRUIT_QUERY = gql`
query Recruit($id: ID!) {
Recruit(_id: $id) {
_id
firstName
}
}
`;
组件中ap
浏览 17提问于2021-06-07得票数 2
回答已采纳
我已经编写了简单的react-apollo组件，它使用graphql查询从模式中检索数据。On execution组件运行良好，但是，当我使用jest框架和MockedProvider为该组件编写测试用例时(即react-apollo/ test -utils的组件)。我无法用数据填充组件。我在MockedProvider上引用了这篇文章：
我的组件和测试脚本如下：
//MyComponent.js
import React, { Component } from "react";
import { gql, graphql, compose } from "react
浏览 12提问于2018-01-08得票数 1
1回答
所以我在玩世博++瑜伽graphql服务器+阿波罗客户端，通过查询获取数据可以在浏览器中工作，当我在世博会上点击“”时，如果我试图在android模拟器/qr代码上从真实的手机上运行这个应用程序，它会引发网络错误。我在github上读过类似的文章和问题，所以我设法使我的graphql端点可以通过nat和非ip从“外部”到达。(所以这不是本地主机的问题)。下面是在console.log中抛出的错误(错误)：
网络错误:网络请求失败
* ApolloErrornode_modules/@apollo/client/apollo-client.cjs.js:681:35 in ObservableQ
浏览 0提问于2020-05-07得票数 0
我在使用Apollo客户端的React项目中使用typescript，我有一个简单的update customer表单，它需要在查询中进行突变，以便从他/她的ID显示客户数据，我已经为此创建了(根据Apollo Typescript文档)专门的查询对象。
//---------------------------------------------------------------------------------
// Imports Section (React/Apollo Libs)
//-----------------------------------------------
浏览 0提问于2019-06-01得票数 0
1回答
我正在开发一个应用程序，其中有一个嵌套了资产树的项目。在后端，当孙子(或孙孙)的一个子代更新时，项目的更改日期也会更新。
在react-apollo中，我设置了所有查询，以便返回更新后的对象，并使用更新后的数据更新apollo的缓存。但我也想更新项目的更改日期(可能是父母、祖父母等)。
一种解决方案是使用refetchQueries选项。然而，这意味着我需要在使用useMutation钩子的所有部分中实现这个refetchQueries选项，这会导致大量代码重复，并有可能被其他开发人员(4人小组)忘记。一个更好的选择是创建一个自定义钩子，它包装了useMutation钩子，但开发人员仍然需要使
浏览 35提问于2020-10-15得票数 1
1回答
我被困在试图实现图形am与反应-阿波罗和图形酷。我在跟踪这个
我的请求查询代码如下所示：
import React from 'react';
import { graphql } from 'react-apollo'
import gql from 'graphql-tag'
const ALL_INSPECTIONS_QUERY = gql`
# 2
query AllInspectionsQuery {
allInspections {
id
date
observation
浏览 2提问于2017-11-19得票数 1
回答已采纳
我正在构建一个使用create-react-native-app cli的本机应用程序，这里是我正在使用的包。除光纤"dependencies": { "apollo-cache-inmemory": "^1.0.0", "apollo-client": "^2.0.1", "apollo-link": "^1.0.0", "apollo-link-error": "^1.0.0", "apollo-li
浏览 3提问于2017-10-27得票数 0
回答已采纳
3回答
我试图得到一个基本的反应+图形酷的项目设置。
我已经初始化了Graphcol后端，这样我就可以在：看到操场了
我可以在操场上运行这个查询，并看到结果：
query {
allGroups {
id
description
}
}
不过，我不能把这个和反应前端联系起来。这是我的index.js：
import React from 'react';
import ReactDOM from 'react-dom';
// GraphQL
import { ApolloProvider } from 'rea
浏览 7提问于2018-01-04得票数 1
回答已采纳
我正在尝试通过react-apollo执行GraphQL订阅查询的setState()。我的目的是存储从GraphQL收到的完整对象，并将其保存到App.js文件的ComponentDidMount()方法中的状态。 我已经尝试了很多方法，比如react-apollo的SubscribetoMore端点，但我认为我为它编写了错误的react代码。 /App.js const haveAnyFish = () => (
<Subscription subscription={gql`${SUBSCRIPTION_SYNC}`} >
{({ loading, error
浏览 9提问于2019-01-05得票数 0
回答已采纳
在这里，我正在用graphql创建新的ApolloClient
import { ApolloClient, InMemoryCache } from "@apollo/client"
const client = new ApolloClient({
uri: "http://localhost:4000/graphql",
cache: new InMemoryCache()
})
export default client
然后我创建了ApolloProvider的上下文
import React from 'react'
浏览 2提问于2022-03-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
