React

redux模块化

2021-01-17  本文已影响0人  习惯水文的前端苏

通过前几篇文章我们已经可以愉快的使用redux进行项目开发了,但是当数据量过大时统一到一个store文件下会变得臃肿和难以管理,这一节我们就据此进行下拆分

\bullet 在todolist文件夹下新建store.js,并新建index.js、actionTypes.js、actionCreators.js、reducer.js

reducer.js

(这里是对之前存放在根store下reducer数据的转移)

actionCreators.js

(这里是对之前存放在根store下 actionCreators数据的转移)

actionTypes.js

(这里是对之前存放在根store下 actionTypes 数据的转移)  

index.js

(这里是子store对外的统一入口) \bullet

\bullet 根reducer改写

(引入子store,并通过 combineReducers合并)

\bullet 组件使用

(只需要在引入时增加前缀即可)
上一篇 下一篇

猜你喜欢

热点阅读