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

2021-07-02 02:09

阅读:722

标签:.json   技术   src   ack   app   install   ora   第一步   图片   

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

 

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

装饰器:transform-decorators-legacy下载 

 

第一步下载transform-decorators-legacy

npm install transform-decorators-legacy --save

 

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

技术分享图片

 

 第三步  写个redux.js文件

技术分享图片

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

技术分享图片

 

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

技术分享图片

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

技术分享图片

 

 

 

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

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

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

标签:.json   技术   src   ack   app   install   ora   第一步   图片   

原文地址:https://www.cnblogs.com/wenbodeboke/p/9632752.html


评论


亲,登录后才可以留言!