简介
redux-operations 是一个简化 Redux 应用程序中操作管理的 npm 包。它提供了一个可重用、可组合的操作实现方式，使操作逻辑更易于管理、测试和维护。
安装
安装 redux-operations：
npm install redux-operations
使用方法
创建操作
使用 redux-operations 创建操作非常简单。只需要调用 createOperation 函数即可：
-- -------------------- ---- -------
------ - --------------- - ---- -------------------
------ - ---------- - ---- ------------
------ ----- ------------- - -----------------
-- -------
------------- - ---------- ------ ----- ----- ------ ---- --
-- ----------
-------- -- -- ---------------------
-- ----------
----------- -- ------ -- -- -----------------------------
-- ----------
-------- -- ----- -- -- -------------------------
-- ----
--- ----- -- --------- ------- -------- -- -- -
----- -------- - ----- -------------------
----- ------ - ----- ----------------
------ -------
--
---使用操作
在创建操作后，就可以在 Redux 应用程序中使用该操作了：
-- -------------------- ---- ------- ------ - ------------- - ---- --------------- -- ---- -------------------------- -- -- ----- ------ ----- ----- - ----------- ----- --------- - ------------------------------ ----- ---- - ------------------------- ----- ----- - --------------------------
组合操作
使用 redux-operations，可以组合操作来实现更复杂的业务逻辑：
-- -------------------- ---- -------
------ - --------------- - ---- -------------------
------ - ------------- - ---- ---------------
------ - ------------- - ---- ------------
------ ----- ------------------ - -----------------
-- -------
------------- - ---------- ------ ----- ----- ------ ---- --
-- ----------
-------- -- -- ------------------------
-- ----------
----------- -- ------ -- -- --------------------------------
-- ----------
-------- -- ----- -- -- ----------------------------
-- ----
--- ----- -- --------- ------- -------- -- - --------- -- -- -
----- ------- - ----- --------------------------
----- ------- - ----- --------------------------------
----- ------- - ----- ---------------
------ - -------- -------- ------- --
--
---
-- ------
----------------------------- ---------- ----- ----总结
使用 redux-operations 可以更加轻松地管理和维护 Redux 应用程序中的操作逻辑。通过可重用、可组合的操作实现方式，使您的代码更具有可读性、可维护性和可测试性。希望本文对您有所帮助，谢谢阅读！
示例代码
下面是一个完整的示例代码：
actions.js
-- -------------------- ---- -------
------ - ------------ - ---- ----------------
------ ----- ---------- - -
-------- ------------------------------------
---------- ------------------------------------- -------- -- -- ------ ----
------- ---------------------------------- ------- -- -- ----- ----
--
------ ----- ------------- - -
-------- ---------------------------------------
---------- ---------------------------------------- -------- -- --
-------
----
------- ------------------------------------- ------- -- -- ----- ----
--operations.js
-- -------------------- ---- -------
------ - --------------- - ---- -------------------
------ - ---------- - ---- ------------
------ ----- ------------- - -----------------
-- -------
------------- - ---------- ------ ----- ----- ------ ---- --
-- ----------
-------- -- -- ---------------------
-- ----------
----------- -- ------ -- -- -----------------------------
-- ----------
-------- -- ----- -- -- -------------------------
-- ----
--- ----- -- --------- ------- -------- -- -- -
----- -------- - ----- -------------------
----- ------ - ----- ----------------
------ -------
--
---
------ - ------------- - ---- ---------------
------ - ------------- - ---- ------------
------ ----- ------------------ - -----------------
-- -------
------------- - ---------- ------ ----- ----- ------ ---- --
-- ----------
-------- -- -- ------------------------
-- ----------
----------- -- ------ -- -- --------------------------------
-- ----------
-------- -- ----- -- -- ----------------------------
-- ----
--- ----- -- --------- ------- -------- -- - --------- -- -- -
----- ------- - ----- --------------------------
----- ------- - ----- --------------------------------
----- ------- - ----- ---------------
------ - -------- -------- ------- --
--
---reducer.js
-- -------------------- ---- -------
------ - --------------- - ---- --------
------ - ----------- ------------- - ---- ------------
------ ----- ----------- - ------ - --- ------- -- -
------ ------------- -
---- -------------------
------ - --------- ---------- ---- --
---- ---------------------
------ - --------- ---------- ------ ----- --------------------- --
---- ------------------
------ - --------- ---------- ------ ------ -------------------- --
--------
------ ------
-
--
------ ----- -------------- - ------ - --- ------- -- -
------ ------------- -
---- ----------------------
------ - --------- ---------- ---- --
---- ------------------------
------ - --------- ---------- ------ ----- --------------------- --
---- ---------------------
------ - --------- ---------- ------ ------ -------------------- --
--------
------ ------
-
--
------ ----- ----------- - -----------------
------------
---------------
---index.js
-- -------------------- ---- ------- ------ - ------------ --------------- - ---- -------- ------ - ------------------- - ---- --------------------------- ------ ----- ---- -------------- ------ - ----------- - ---- ------------ ------ - -------------- ------------------ - ---- --------------- ----- ----- - ------------ ------------ ------------------------------------------- -- -------------------------------- ----------------------------------- ---------- ----- ---- ------------------ -- - ------------------------------ --- -- ---------------- ------ ----------------------------------
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006700ae361a36e0bce8c4b