接上篇 —— Apollo 入门引导(七):通过查询获取数据 —— 继续翻译 Apollo 的官网入门引导 。
学习如何使用 useMutation hook 修改数据。
Apollo 入门引导 - 目录:
- 介绍
- 构建 schema
- 连接数据源
- 编写查询解析器
- 编写变更解析器
- 连接 Apollo Studio
- 创建 Apollo 客户端
- 通过查询获取数据
- 通过变更修改数据
- 管理本地状态
完成时间:10 分钟
前一节已经向 React 应用添加了多个查询,接下来添加一个变更(mutation)。过程与查询相似,但有一些重要区别。
提醒一下,变更是 GraphQL 操作,可以修改后端数据(与查询不同)。我们服务的 schema 支持以下变更:
# 不需要复制
type Mutation {
bookTrips(launchIds: [ID]!): TripUpdateResponse!
cancelTrip(launchId: ID!): TripUpdateResponse!
login(email: String): String # login token
}
将从实现登录功能开始。请注意,此变更接受单个变量 email
。