使用actionCreators统一创建action

1.在store文件夹下面新建一个文件名为actionCreators.js
2.在actionCreators.js文件中

//导入我们需要的CHANGE_INPUT_VALUE, ADD_TODO_ITEM, DELETE_TODO_ITEM数据
import { CHANGE_INPUT_VALUE, ADD_TODO_ITEM, DELETE_TODO_ITEM } from "./actionTypes";

//定义一个getInputChangeAction方法用于inputchangevalue的action
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.在TodoList.js文件中，首先导入刚刚定义的getInputChangeAction,getAddItemAction和getDeleteItemAction

import {getInputChangeAction,getAddItemAction,getDeleteItemAction} from './store/actionCreators'

4.改变action中内容的书写方式：

  //原来的写法：
  // handleInputChange(e) {
    //     const action = {
    //         //type：