redux学习系列(四)

141 阅读1分钟

redux 模块拆分:

当数据非常多时,将数据都放在一个store中会不好管理,其次当需要改redux这块东西时,还需要改公用的actionCreators.js constants.js 等等,所有人都修改了这些共同的文件,很容易产生冲突。

这时候就需要对redux模块进行拆分:
1.在 store文件夹中 创建 features文件夹

2.在 features文件夹 下 对各个共享的数据进行分类,创建对应的文件夹。比如:counter数据创建一个counter文件夹 、 banner数据创建一个banner文件夹,反正属于一块的数据就创建一个文件夹进行归类。

3.在counter文件夹banner文件夹 下分别创建各自的actionCreator.jsconstants.jsreducer.js文件

4.最后在index.js中创建store。

创建store的时候会遇到一个问题,就是我们在第3步为每块数据都创建了reducer.js, 那创建store的时候这个两个reducer要怎么传入呢?

答:使用redux提供的 combineReducers函数 对 多个redux 进行合并

image.png

5.最后使用store中的数据时,会多出一层取值:

image.png

代码:

gitee.com/wangsn001/r…