npm 包 hyperapp-fetch 使用教程

介绍

hyperapp-fetch 是一个基于 fetch API 的 npm 包，它可以让你的 hyperapp 应用更加简洁和灵活。使用 hyperapp-fetch 可以轻松地发送 POST 和 GET 请求，并且可以很方便地处理 JSON 和 FormData 数据。

安装

要使用 hyperapp-fetch，需要先安装它：

npm install hyperapp-fetch --save-dev

当然，你也可以使用 yarn：

yarn add hyperapp-fetch

使用方法

首先，引入 hyperapp-fetch：

import { fetch } from 'hyperapp-fetch';

如果需要发送 GET 请求，可以使用下面的代码：

fetch({
  url: '/api/users',
  method: 'GET',
}).then(res => {
  console.log(res);
});

在 hyperapp 中，你也可以将这个请求写成 actions 形式：

const getUsers = () => state => {
  fetch({
    url: '/api/users',
    method: 'GET',
  }).then(res => {
    console.log(res);
  });
};

如果需要发送 POST 请求，可以使用下面的代码：

fetch({
  url: '/api/users',
  method: 'POST',
  body: { name: 'bob', age: 20 },
}).then(res => {
  console.log(res);
});

同样的，你也可以将它写成 actions 形式：

-- -------------------- ---- -------
----- -------- - ------ ---- -- ----- -- -
  -------
    ---- -------------
    ------- -------
    ----- - ----- --- --
  ----------- -- -
    -----------------
  ---
--
展开代码

hyperapp-fetch 支持的参数还有很多，比如 headers，mode，credentials 等等，你可以在 fetch API 的文档中找到更多信息。

结语

hyperapp-fetch 可以让你的 hyperapp 应用更加简洁和灵活，使得你可以更加专注于业务逻辑的实现。上面的例子只是最基本的使用方法，如果你需要更加深入的了解，可以查看官方文档。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005725581e8991b448e8693