Apollo学习笔记

server/2024/9/23 7:20:53/

安装依赖:

npm install @apollo/client graphql react

初始化Apollo Client

# 导入依赖库
const { ApolloClient, InMemoryCache, gql } = require('@apollo/client');# 创建ApolloClient实例
const client = new ApolloClient({uri: 'http://localhost:4000/',cache: new InMemoryCache(),
});

该例子中使用的uri和cache参数:

        uri:指定GraphQL的server地址

        cache:Apollo Client用来缓存查询结果

使用Apollo Client执行查询

# 执行查询
client.query({query: gql`query {hello}`,
}).then((result) => {console.log(result);
});

完整代码:

const { ApolloClient, InMemoryCache, gql } = require('@apollo/client');const client = new ApolloClient({uri: 'http://localhost:4000/',cache: new InMemoryCache(),
});client.query({query: gql`query {hello}`,
}).then((result) => {console.log(result);
});

将以上代码保存到test.js文件中,运行

node test.js{ data: { hello: 'Hello World!' }, loading: false, networkStatus: 7 }

一、查询

使用useQuery勾子获取数据

执行查询

useQuery勾子是用于Apollo应用程序中执行查询的主要API。在React组件中运行查询,调用并传递Graphql查询字符串。当组件渲染时,从Apollo Client返回对象,包含用于渲染UI、属性


http://www.ppmy.cn/server/53102.html

相关文章

Redis-哨兵模式-主机宕机-推选新主机的过程

文章目录 1、为哨兵模式准备配置文件2、启动哨兵3、主机6379宕机3.4、查看sentinel控制台日志3.5、查看6380主从信息 4、复活63794.1、再次查看sentinel控制台日志 1、为哨兵模式准备配置文件 [rootlocalhost redis]# ll 总用量 244 drwxr-xr-x. 2 root root 150 12月 6 2…

搭建淘宝扭蛋机小程序需要满足哪些条件

随着移动互联网的快速发展,小程序作为一种轻量级应用,以其便捷、高效的特点,逐渐成为了用户日常生活中不可或缺的一部分。特别是在电商平台中,小程序为商家和用户之间提供了更为直接的沟通桥梁。在这样一个背景下,搭建…

Java面试题:讨论单例模式的实现方式,包括懒汉式和饿汉式,并讨论线程安全问题

单例模式(Singleton Pattern)是一种设计模式,确保一个类只有一个实例,并提供一个全局访问点。单例模式在某些场景下很有用,例如配置管理、日志记录等。以下是单例模式的两种主要实现方式:懒汉式&#xff08…

未来已来,如何打造智慧养殖场?

近年来,国家出台了一系列扶持政策,以促进养殖行业高质量发展,推动行业转型升级。在国家政策和市场需求的双重驱动下,养殖行业正迎来前所未有的发展机遇。智慧养殖以其高效、智能和可持续的特点,正逐步取代传统养殖方式…

C++学习笔记---POCO库

在Windows系统中安装POCO 1)安装OpenSSL POCO编译安装依赖OpenSSL,如果未安装OpenSSL则应该先安装OpenSSL。 假设将OpenSSL安装在C:\OpenSSL-Win64,将C:\OpenSSL-Win64、C:\OpenSSL-Win64\lib添加到PATH环境变量中2)安装POCO 将p…

AV Foundation学习笔记一(AVFoundation系统概述)

下图是AV Foundation在ios和mac os系统中所处的位置。 Core audio框架包含了所有音频相关的处理逻辑。该框架提供了高级接口(比如Audio Queue Services框架用于播放和录制音频)和底层接口(比如audio units用于控制音频信号)Core…

0000电子技术基础概述

数电 未来课的基础 以前是模块、器件级 现在是 系统级 价格、性能、 技术更新快速的好处:得到了实惠 坏处:工程师需要不断地学习,不变就容易out,要用发展的眼光看待问题 了解基础知识、还要有前沿概念。 理论课、实践课要相结…

CUDA生态系统架构是什么样的?CUDA的技术原理是什么?底层原理是什么?怎么开发相关产品

CUDA生态系统架构是什么样的?CUDA的技术原理是什么?底层原理是什么?怎么开发相关产品 CUDA 生态系统及其技术原理 CUDA(Compute Unified Device Architecture)是由 NVIDIA 开发的一种并行计算平台和编程模型&#xf…