08.拆分action

最新推荐文章于 2021-03-02 00:36:04 发布

zhuhui2000

最新推荐文章于 2021-03-02 00:36:04 发布

阅读量358

点赞数

CC 4.0 BY-SA版权

分类专栏：简书项目

本文链接：https://blog.youkuaiyun.com/zhuhui2000/article/details/90707674

简书项目专栏收录该内容

28 篇文章

订阅专栏

博客介绍了拆分action类型的代码操作。先在header–>store下新建actionCreators.js拆分action类型，在header/index.js中引入并修改派发action代码；接着在header/store中新建actionTypes.js，将action类型字符变量名替换为变量，在actionCreators.js和reducer中引入并替换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先在header–>store下新建文件actionCreators.js
在这里插入图片描述

2.actionCreators.js是将action的类型拆分出来，代码如下：

export const searchFocus = () => ({
    type:'search_focus'
});
export const searchBlur = () => ({
    type:'search_blur'
});

3.在header目录下的index.js文件中引入 actionCreators

import * as actionCreators from './store/actionCreators';

4.将派发action的代码段进行修改
在这里插入图片描述
在这里就成功的将action拆分出去。
5.在header目录下的store中新建一个文件actionTypes.js

6. 在actionTypes.js中我们将action的类型字符型变量名替换为一个变量

export const SEARCH_FOCUS = 'header/search_focus';
export const SEARCH_BLUR = 'header/search_blur';

然后我们在actionCreators.js引入actionTypes，并将字符变量名替换为大写的变量

import * as actionTypes from './actionTypes';
export const searchFocus = () => ({
    type:actionTypes.SEARCH_FOCUS
});
export const searchBlur = () => ({
    type:actionTypes.SEARCH_BLUR
});