简介
apollo-utilities 是一个 npm 包，它为 Apollo Client 提供了一些实用功能，使开发人员更容易管理和使用 GraphQL 数据。 apollo-utilities 包含了一系列的工具函数，可以帮助我们处理数据缓存、查询文本、网络请求等。
安装和引入
你可以通过 npm 安装该包：
npm install apollo-utilities
然后在你的代码中引入它：
import { getOperationName } from "apollo-utilities";工具函数
以下是 apollo-utilities 中一些常用的工具函数：
getOperationName(query: DocumentNode | string): string | null
从一个 Query 的 AST 或字符串中获取操作的名称。如果提供了多个操作，则返回 null。
示例代码
-- -------------------- ---- -------
------ --- ---- --------------
------ - ---------------- - ---- -------------------
----- ----- - ----
----- ------------ ---- -
-------- ---- -
----
---
-
-
--
------------------------------------- -- -------getStoreKeyName(fieldName: string, args?: Record<string, any>): string
根据字段名和参数返回一个用于在 Apollo 缓存中存储数据的唯一键名。
示例代码
import { getStoreKeyName } from "apollo-utilities";
const keyName = getStoreKeyName("user", { id: 123 });
console.log(keyName); // "user(id:123)"stripSymbols(data: any): any
递归地将带有 Symbol 的对象转换为普通对象。这在使用 React 和 Apollo 客户端一起使用时很有用。
示例代码
-- -------------------- ---- -------
------ - ------------ - ---- -------------------
----- ---- - -
----- -
----- -------
---------------- ---
--
--
----- ------------ - -------------------
-------------------------- -- - ----- - ----- ------ - -结论
apollo-utilities 提供了许多实用的工具函数，可以帮助我们更容易地处理 GraphQL 数据。在开发 React 应用程序时，特别是与 Apollo Client 一起使用时，它非常有用。通过学习和使用 apollo-utilities，我们可以更有效地管理和操作 GraphQL 数据，提高我们的工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/42586