npm包fetch-middleware-redux使用教程

阅读时长 3 分钟读完

介绍

fetch-middleware-redux是一个用于处理Redux 异步action的中间件,它基于fetch API实现。fetch是一个新的网络API,相对于原有的Ajax API更加优秀。相比于XMLHttpRequest,fetch更加现代化,更优雅,可读性更高,使用更加简单,是未来的趋势。因此,我们可以使用这个npm包fetch-middleware-redux来使用fetch API。

安装

fetch-middleware-redux可以通过npm仓库安装,可以使用以下命令:

基本用法

我们可以在Redux中使用fetch-middleware-redux来管理异步操作,并且把其作为中间件来使用。

以下是fetch-middleware-redux的基本用法:

-- -------------------- ---- -------
------ - ---------------- ----------- - ---- --------
------ ----- ---- -------------- -- -------------
------ --------------- ---- -------------------------

------ ----------- ---- -------------

----- ----- - ------------
  ------------
  ---------------------- ----------------
--

调用示例

以下是fetch API的调用示例:

-- -------------------- ---- -------
-- ----
------ - ------------- - ---- ----------

-- --------
------ ----- ------------ -------- -- --
  ------ ----------------------- ---------------------- -----------------------
  --------- -------------
  ------- ------
---

-- ------------
-----------------------------

参数说明

fetchMiddleware的参数都需要存放在action中,每个action包含如下几个参数:

  • endpoint: 需要请求的地址
  • method: 请求使用的方法,默认为GET
  • headers: 请求头信息
  • body: 请求体信息

结论

fetch-middleware-redux是一个优秀的npm包,可以用于处理Redux中的异步请求,并且基于fetch API实现。从简单易用的角度来看,其确实是非常不错的选择!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056ea381e8991b448e76da

纠错
反馈