react+redux状态管理实现排序 合并多个reducer文件

这个demo只有一个reducer 所以合并reducer这个demo用不到 ,但是我写出来这样大家以后可以用到,很好用,管理多个reducer,因为只要用到redux就不会只有一个reducer所以这个合并reducer很好用。

 

需要的技术:react-redux    redux实现状态管理  

装饰器:babel-plugin-transform-decorators-legacy下载 

 

第一步下载transform-decorators-legacy

npm install babel-plugin-transform-decorators-legacy --save-dev

 npm install redux-thunk --save

 npm install react-redux --save

第二步配置 在package.json 配置如下。

react+redux状态管理实现排序 合并多个reducer文件_第1张图片

 

 第三步  写个redux.js文件

react+redux状态管理实现排序 合并多个reducer文件_第2张图片

第四步  合并reducer文件! 注意:因为我只有一个redux,多个的话引用多个然后用combineReducers合并。

react+redux状态管理实现排序 合并多个reducer文件_第3张图片

 

 第五步 排完序显示LIST的文件 appItem是一个小组件,正常传递进去值就好了,下面就不贴了。

react+redux状态管理实现排序 合并多个reducer文件_第4张图片

第六步: 排序文件,前面博客有介绍移动端排序的插件,这里用的react-draggable-tags插件,就不详细介绍这个插件了。

react+redux状态管理实现排序 合并多个reducer文件_第5张图片

 

 

 

希望有不对的地方各位大神帮忙指出,这是我的第一个react项目,研究了几天,分享给大家,有坑一起分享。

我的学习群:821313005  vue,react 都可以一起研究。(单纯的学习群,提高自己的能力)

转载于:https://www.cnblogs.com/wenbodeboke/p/9632752.html

你可能感兴趣的:(react+redux状态管理实现排序 合并多个reducer文件)