react简书项目学习笔记20使用acitonCreator统一创建action

1.action都直接在组件中创建，当项目比较复杂的时候会比较难以管理
2.新建store/actionCreator.js文件

import { CHANGE_INPUT_VALUE, ADD_TODO_ITEM, DELETE_TODO_ITEM } from "./actionTypes";

export const getInputChangeAction = (value) => ({
  type: CHANGE_INPUT_VALUE,
  value
});

export const getAddItemAction = () => ({
  type: ADD_TODO_ITEM,
})

export const getDeleteItemAction = (index) => ({
  type: DELETE_TODO_ITEM,
  index
})

3.在组件中引入

import { getInputChangeAction, getAddItemAction, getDeleteItemAction } from './store/actionCreators';
  handleBtnClick() {
const action = getAddItemAction();
store.dispatch(action);

}