React&Redux ActionTypes

2019-05-27 Yazzyk

0x00 前言

ActionTypes是为了防止在大型项目的开发中action中的type出现打错字之类的错误，此时，控制台不会报错，但功能异常。使用ActionTypes后，页面将会出现报错，减少排错时间

0x01 创建

创建ActionTypes.js文件

export const INPUT_VALUE_CHANGE = 'input_value_change';
export const ADD_TODO_ITEM = 'add_todo_item';
export const DEL_TODO_ITEM = 'del_todo_item';

0x02 使用

在需要使用的文件中先引入

import {INPUT_VALUE_CHANGE,ADD_TODO_ITEM,DEL_TODO_ITEM} from './store/ActionTypes';

接下来在reducer.js引入

import {INPUT_VALUE_CHANGE,ADD_TODO_ITEM,DEL_TODO_ITEM} from './ActionTypes';

然后修改之前的内容

react