介绍
redux-mori 是一个基于 ClojureScript 数据结构库 mori 的 Redux 插件，它可以让你使用 mori 的数据结构来管理 Redux 应用中的数据。mori 的数据结构具有不可变性，这使得开发者可以更好地管理数据，避免出错，并且更容易对数据进行追踪。使用 redux-mori，你可以更快地开发出高质量、高可维护性的应用。这篇文章将向你介绍如何使用 redux-mori。
安装
要开始使用 redux-mori，你需要安装它。你可以通过 npm 安装：
npm install redux-mori
配置
一旦安装了 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，这使得开发者更不容易出错，可以更好地管理数据。
import { fromJS } from 'immutable';
import mori from 'mori';
// 定义 action
export const addItem = (item) => mori.hashMap(
'type', 'ADD_ITEM',
'item', fromJS(item)
);在上述代码中，我们使用 mori.hashMap 创建了一个 action 对象，使用 fromJS 将数据转化为 mori 数据结构。
数据结构操作
redux-mori 支持使用 mori 的数据结构来操作 store 中的数据，这使得管理日益复杂的状态树更加容易。下面是一些常见的操作示例：
// 获取 state 中的 items 数组 const getItems = (state) => state.getIn(['myReducer', 'items']); // 修改 state 中的 items 数组 const addItem = (state, item) => state.setIn(['myReducer', 'items'], getItems(state).push(item)); // 获取 state 中 items 数组中的第一项 const getFirstItem = (state) => getItems(state).first();
上述代码中使用了与默认 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