引言
随着前端技术的不断发展和进步，现在我们的前端工作不再只是简单的前端页面制作，我们需要考虑到更多的前后端交互、网络请求以及优化性能等问题。那么在这个过程中，npm 包 soga 就可以帮助我们快速地创建出一个可靠并且高效的网络请求。
soga 是什么？
soga 是一个基于 redux-saga 的网络请求库，并且 soga 与 redux 的状态管理结合非常紧密，它可以让你的网络请求代码更可读、更可维护。
如何使用 soga？
在开始使用 soga 之前，你需要做好以下准备工作：
- 安装 redux、redux-thunk、axios 等依赖包
- 安装 soga 包
安装依赖包
$ yarn add redux redux-thunk axios
安装 soga 包
$ yarn add soga
基本用法
- 创建一个 saga.js 文件
-- -------------------- ---- -------
------ - ---- ----- --------- - ---- ---------------------
------ ----- ---- --------
------ - ------------------ ------------------ ----------------- - ---- ---------------
------ --------- ---------- -
--- -
----- --- - ----- --------------- -----------------
----- ----- ----- ------------------ -------- -------- ---
- ----- ----- -
----- ----- ----- ------------------ -------- --- ---
-
-
------ --------- --------------- -
----- ---------------------------- ----------
-- 创建一个 reducer.js 文件
-- -------------------- ---- -------
------ - ------------------ ------------------ ----------------- - ---- ---------------
----- ------------ - -
---------- ------
-------- ------
----- --
--
------ ------- -------- ------------- - ------------- ------- -
------ ------------- -
---- ------------------
------ -
---------
---------- ----
--
---- ------------------
------ -
---------
---------- ------
-------- ------
----- --------------
--
---- ------------------
------ -
---------
---------- ------
-------- ----
--
--------
------ ------
-
-- 在入口文件中引用
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - -------- - ---- --------------
------ - ------------ --------------- - ---- --------
------ -------------------- ---- -------------
------ --- ---- --------
------ ------- ---- -------------
------ - ------------- - ---- ----------
----- -------------- - -----------------------
----- ----- - -------------------- ---------------------------------
----------------------------------
----------------
--------- --------------
---- --
------------
-------------------------------
--- 在组件中 dispatch action
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ------- - ---- --------------
------ - --------------- - ---- -------------
----- -------- - -- ---------------- ----- -- -- -
------------ -- -
------------------
-- -------------------
------ -
-----
-------- ---------
----
------------- --- ---- -- -- -
--- --------------------
---
-----
------
--
--
----- --------------- - -- ----- -- -- -- ----- ---
----- ------------------ - -
---------------
--
------ ------- ------------------------ ------------------------------到此为止，你已经成功地集成了 soga 请求库。
总结
在本文中，我们学习了如何使用 soga 包来实现网络请求。soga 与 redux 的结合，可以让我们写出更加可读并且好维护的网络请求代码。当你在项目中需要网络请求的时候，不妨考虑一下使用 soga 来帮助你更快速地完成。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc1f7b5cbfe1ea0611fb5