1. 程式人生 > >react+redux狀態管理實現排序 合並多個reducer文件

react+redux狀態管理實現排序 合並多個reducer文件

狀態管理 ble src vue 只有一個 項目 移動 lis 博客

這個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文件