npm 包 to-redux-type 使用教程

阅读时长 3 分钟读完

简介

to-redux-type 是一个能够快速生成 Redux action type 的 npm 包,是 Redux 的一个小工具。在日常开发中,我们需要定义 action 的类型和 payload,这时候每次手动写到 reducer 中是一件非常繁琐和容易出错的事情,to-redux-type 包可以解决这个问题。

安装

使用 npm 安装:

用法

to-redux-type 本质上是一个函数,接收一个字符串参数,输出一个对象,对象中包含三个 key,分别是 request,success 和 failure,表示请求、成功和失败:

上面的代码会输出:

我们在定义 action 的时候可以使用这个 object,例如:

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

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

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

这里我们可以直接通过 type.request 来获取 user 的 request action type。

参数说明

to-redux-type 接收一个字符串参数,用来定义 module 的名字,支持下划线和中划线命名方式。

命名建议采用小写的短横线命名方式,例如:my-module。

示例代码

以下是一个例子,演示如何使用 to-redux-type 生成 Redux action type。

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

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

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

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

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

到这里,我们就成功的使用了 to-redux-type 生成了 Redux 的 action type,通过这个小工具可以大大提升 Redux 开发效率,减少错误的出现。

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

纠错
反馈