介绍
redux-mori 是一个基于 ClojureScript 数据结构库 mori 的 Redux 插件，它可以让你使用 mori 的数据结构来管理 Redux 应用中的数据。mori 的数据结构具有不可变性，这使得开发者可以更好地管理数据，避免出错，并且更容易对数据进行追踪。使用 redux-mori，你可以更快地开发出高质量、高可维护性的应用。这篇文章将向你介绍如何使用 redux-mori。
安装
要开始使用 redux-mori，你需要安装它。你可以通过 npm 安装：
--- ------- ----------
配置
一旦安装了 redux-mori，就需要将它添加到 Redux store 中。使用 redux-mori 的方式与默认的 Redux reducer 相同，只是需要使用 mori 数据结构来管理 store。
------ - ------------ --------------- - ---- -------------
------ - ---- - ---- ------------
----- ------------- - -------------
-------- ------
--
-- -------
-------- --------------- - -------------- ------- -
------------------- -
---- -----------
------ ----------------- -------- ----------------------------- --------------
--------
------ ------
-
-
----- ----- - ------------
-----------------
---------
--
--在上面的代码中，我们添加了一个 reducer myReducer，使用 mori.hashMap 来描述初始状态树，使用 mori.assoc 和 mori.conj 来改变 state 中的数据。
Action
redux-mori 中的 action 定义与默认的 Redux 有点不同。redux-mori 支持使用 mori 数据结构来定义 action，这使得开发者更不容易出错，可以更好地管理数据。
------ - ------ - ---- ------------ ------ ---- ---- ------- -- -- ------ ------ ----- ------- - ------ -- ------------- ------- ----------- ------- ------------ --
在上述代码中，我们使用 mori.hashMap 创建了一个 action 对象，使用 fromJS 将数据转化为 mori 数据结构。
数据结构操作
redux-mori 支持使用 mori 的数据结构来操作 store 中的数据，这使得管理日益复杂的状态树更加容易。下面是一些常见的操作示例：
-- -- ----- -- ----- -- ----- -------- - ------- -- ------------------------- ---------- -- -- ----- -- ----- -- ----- ------- - ------- ----- -- ------------------------- --------- ---------------------------- -- -- ----- - ----- ------- ----- ------------ - ------- -- ------------------------
上述代码中使用了与默认 Redux 数据结构非常相似的语法，只是使用了 mori 提供的方法来操作数据结构。
总结
在本文中，我们介绍了如何使用 redux-mori，这是一个基于具有不可变性特性的 ClojureScript 数据结构库 mori 的 Redux 插件。我们讨论了如何安装 redux-mori，并演示了如何在 Redux 应用中使用它的数据结构来管理 store 中的数据。我们还介绍了如何使用 redux-mori 定义 action，以及如何使用 mori 数据结构来操作 store 中的数据。希望这篇文章能够帮助你更好地使用 redux-mori。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60067008e361a36e0bce8baf