actiontypes类型的拆分

最新推荐文章于 2023-06-29 19:52:20 发布

zhuhui2000

最新推荐文章于 2023-06-29 19:52:20 发布

阅读量1k

点赞数 1

分类专栏： React.js

本文链接：https://blog.csdn.net/zhuhui2000/article/details/90475744

版权

本文介绍了如何在Redux应用中拆分并管理action的类型。通过创建单独的actionTypes.js文件来定义常量，然后在TodoList.js和reducer.js中导入并替换原来的类型字符串，从而提高代码可读性和维护性。

摘要由CSDN通过智能技术生成

1.在store文件夹中新建一个文件actionTypes.js，在该文件中定义一些常量把type的类型赋值给他们并且导出

export const CHANGE_INPUT_VALUE = 'change_input_value'
export const ADD_TODO_ITEM = 'add_todo_item';
export const DELETE_TODO_ITEM = 'delete_todo_item';

2.在TodoList.js文件中导入actioonTypes.js文件，以及刚刚定义的常量

import {CHANGE_INPUT_VALUE,ADD_TODO_ITEM,DELETE_TODO_ITEM} from './store/actionTypes'

将type中原来的替换
在这里插入图片描述

3.在reducer.js文件中引入actionTypes.js并将原来的替换
引入：
import { CHANGE_INPUT_VALUE, ADD_TODO_ITEM, DELETE_TODO_ITEM } from './actionTypes'