什么是 adm-trv
adm-trv是一个用于前端应用中管理状态的npm包。它基于Redux构建，提供了许多有用的工具，可以帮助我们更加轻松地编写可预测的、可维护的代码。同时，它还支持 TypeScript，这让我们的项目更加健壮、易于维护。
如何使用 adm-trv
安装
我们可以通过npm安装adm-trv：
npm install --save adm-trv
创建 store
我们需要先创建一个 store。在创建该 store 时，我们需要传入一个函数，该函数用于处理所有的 action，并返回新的 state。这样，我们就可以使用 store.dispatch(action) 方法来触发该函数，并将结果存储在 store 内部。
-- -------------------- ---- -------
------ - ----------- - ---- ---------
----- ------- - ------- ---- ------- ---- -- -
------ ------------- -
---- ------------
------ - --------- ------ ----------- - - -
--------
------ -----
-
-
----- ------------ - -
------ -
-
----- ----- - -------------------- -------------使用组件连接 store
组件可以通过 connect 函数来连接到 store，在 connect 函数的参数中，我们可以传入一个函数，该函数将 store 内部的 state 映射为 props，同时还可以传入一个函数定义 mapDispatchToProps，该函数将 store.dispatch 映射为 props。
-- -------------------- ---- -------
------ - ------- - ---- ---------
--------- ----- -
------ ------
---------- -- -- ----
-
----- --------------- - ------- ---- -- --
------ -----------
--
----- ------------------ - ---------- ---- -- --
---------- -- -- ---------- ----- ----------- --
--
----- ---------------- - ------- ------ -- -
-----
--------- -----------------
------- --------------------------------------------
------
-
------ ------- --------
----------------
------------------
-------------------使用 useSelector 和 useDispatch hooks
我们可以通过 useSelector 和 useDispatch 这两个 hooks 来连接 store。useSelector 用于获取 store 中的 state，useDispatch 用于获取 store.dispatch。这样，我们就可以更自然地编写组件代码：
-- -------------------- ---- -------
------ - ------------ ----------- - ---- ---------
----- ---------------- - -- -- -
----- ----- - ------------------- ---- -- ------------
----- -------- - -------------
----- --------- - -- -- -
---------- ----- ----------- --
-
------ -
-----
--------- -----------
------- --------------------------------------
------
-
-
------ ------- ----------------组合 reducers
在有多个 reducer 的情况下，我们可以使用 combineReducers 函数来组合它们：
-- -------------------- ---- -------
------ - ---------------- ----------- - ---- ---------
--------- ----- -
------ ------
----- -
----- ------
---- ------
-
-
----- ------------ - ------- ------ - -- ------- ---- -- -
------ ------------- -
---- ------------
------ ----- - -
--------
------ -----
-
-
----- ----------- - ------- --- - - ----- --- ---- - -- ------- ---- -- -
------ ------------- -
---- -----------
------ - --------- ----- -------------- -
---- ----------
------ - --------- ---- -------------- -
--------
------ -----
-
-
----- ----------- - ------------------------
------ -------------
----- -----------
--
----- ------------- ----- - -
------ --
----- -
----- ---
---- -
-
-
----- ----- - ------------------------ -------------总结
以上就是 adm-trv 的使用教程。相信通过这篇文章，你已掌握了如何使用 adm-trv 来创建可预测的、可维护的前端应用。希望你可以在实际项目中运用到这些知识，提高你的开发效率，并编写出更加优秀的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67127