超级会员免费看
深入探索GraphQL API交互与可复用组件构建
1. 使用Apollo Client与GraphQL API交互
在与GraphQL API交互时，Apollo Client是一个强大的工具。它是用于与GraphQL服务器交互的客户端库，有 useQuery 和 useMutation 等钩子，还能将数据存储在客户端缓存中。与React Query不同，Apollo Client可直接与GraphQL API交互，无需单独的 fetch 函数。
1.1 安装Apollo Client
在终端运行以下命令安装：
npm i @apollo/client graphql
此库包含TypeScript类型，无需额外安装其他包。
1.2 重构App组件
按以下步骤重构：
1. 打开 App.tsx ，用以下Apollo Client导入语句替换React Query导入：
import {
ApolloClient,
InMemoryCache,
ApolloProvider,
} from '@apollo/client';
- 更新
queryClient变量赋值：
订阅专栏 解锁全文
扫一扫
13
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
