npm包erschema-redux-immutable的使用教程

阅读时长 4 分钟读完

1. 介绍

erschema-redux-immutable是一个使用Immutable.js和Reselect提供了一种简单而强大的方式来处理Redux应用程序中的数据验证和规范化的npm包。它是基于erschema创建的。

2. 安装

使用npm进行安装

3. 如何使用

3.1. 创建验证规则

使用erschema-redux-immutable需要知道如何创建验证规则。以下是一个示例规则,其中“id”是数据的主ID,要求必须为数字和大于零。

3.2. 应用于Redux Store

将规则应用于Redux Store,需要创建一个包含验证规则的schema对象。以下是一个示例:

-- -------------------- ---- -------
------ -------- ---- -----------
------ --------- ---- ------------

----- ------ - --- --------------

----- ------------ - ------------------
  ------ --
---

-------- ------------- - ------------- ------ - --- -
  ------ ------------- -
    ---- -----------
      ----- ---- - --------------------------------
      ------ --------------------- ----- -- ------------------
    --------
      ------ ------
  -
-

------ ------- --------

3.3. 验证数据

现在,数据将在Redux Store添加之前自动通过验证规则进行验证。以下是一个示例的提交过程:

由于提交的payload具有不符合规则的属性"name",因此会抛出以下错误:

3.4. 使用Reselect选择器

使用Reselect选择器可以轻松地规范化数据。以下是一个将数据规范化为Map的示例:

-- -------------------- ---- -------
------ ---------------- ---- -----------
------ ---------------- ---- ---------------------------

----- ------------- - ----- -- -------------------

----- ----------------------- - ---------------
  --------------
  ----------------------------------
  ------- ---------------- -- ---------------
--

4. 总结

使用简单易懂的规则和强大的Reselect选择器,erschema-redux-immutable使在Redux应用中处理数据的验证和规范化变得容易和愉快。通过在Redux Store中应用规则,可以防止不正确的数据进入应用程序并保持数据的规范化状态。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600563cb81e8991b448e1268

纠错
反馈