介绍
fetch-middleware-redux是一个用于处理Redux 异步action的中间件,它基于fetch API实现。fetch是一个新的网络API,相对于原有的Ajax API更加优秀。相比于XMLHttpRequest,fetch更加现代化,更优雅,可读性更高,使用更加简单,是未来的趋势。因此,我们可以使用这个npm包fetch-middleware-redux来使用fetch API。
安装
fetch-middleware-redux可以通过npm仓库安装,可以使用以下命令:
npm install --save fetch-middleware-redux
基本用法
我们可以在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