简介
to-redux-type 是一个能够快速生成 Redux action type 的 npm 包,是 Redux 的一个小工具。在日常开发中,我们需要定义 action 的类型和 payload,这时候每次手动写到 reducer 中是一件非常繁琐和容易出错的事情,to-redux-type 包可以解决这个问题。
安装
使用 npm 安装:
npm install to-redux-type
用法
to-redux-type 本质上是一个函数,接收一个字符串参数,输出一个对象,对象中包含三个 key,分别是 request,success 和 failure,表示请求、成功和失败:
import toReduxType from 'to-redux-type'; // 参数为模块名字 const type = toReduxType('user'); console.log(type); // { request: 'USER_REQUEST', success: 'USER_SUCCESS', failure: 'USER_FAILURE' }
上面的代码会输出:
{ request: 'USER_REQUEST', success: 'USER_SUCCESS', failure: 'USER_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