什么是 @novistore/extract-files？
@novistore/extract-files 是一款在前端应用中用于将文件从一个表单组件提取到一个 GraphQL 变量中的 npm 包。如果你的前端应用中需要上传文件，@novistore/extract-files 可以帮助你实现这一点。
如何使用 @novistore/extract-files？
安装
你可以使用以下命令在你的前端应用中安装 @novistore/extract-files：
npm install @novistore/extract-files
引入
你可以使用以下方法引入 @novistore/extract-files：
import { create } from "@novistore/extract-files";
使用
@novistore/extract-files 暴露 create 函数，可以用于创建一个可用于上传文件的 GraphQL 变量。以下是 create 函数的用法：
const { files, variables } = create( { field: fileInputField, ... }, { query: gql`...`, variables: { ... } } );
其中，fileInputField 是一个表单中的文件输入字段，查询和变量与你的 GraphQL API 相关。这个函数返回一个包含 files 和 variables 的对象，可以用于在 Apollo 客户端中向服务器发起请求。
接下来，让我们看一个完整的例子。
例子
以下是一个使用 @novistore/extract-files 的完整例子，其中使用了 Apollo 客户端：
-- -------------------- ---- ------- ------ - ------ - ---- --------------------------- ------ --- ---- -------------- -- --------- ------- -- ----- - ------ --------- - - ------- - ------ -------------- -- - ------ ---- -------- ----------------- -------- - ---------------- ------ - -- ---- --- - --- ---------- - ---- - - -- -- - ------ -------- --------------- --------- ---------------- ---------- -------------------- -------- - ------------- - ----- ----- - - ---展开代码
结论
现在你已经掌握了如何使用 @novistore/extract-files，可以在你的前端应用中上传文件了。这个 npm 包的用法非常简单，你只需要传入一个文件输入字段和一个 GraphQL 变量，在 Apollo 客户端中发起请求即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cbb81e8991b448e62e2
