本文實例為大家分享了react用Redux中央倉庫實現一個todolist的具體代碼，供大家參考，具體內容如下

創新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網站建設、成都網站制作、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的根河網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

Redux簡單介紹

Redux是一個用來管理管理數據狀態和UI狀態的JavaScript應用工具。隨著JavaScript單頁應用（SPA）開發日趨復雜，JavaScript需要管理比任何時候都要多的state（狀態），Redux就是降低管理難度的。（Redux支持React，Angular、jQuery甚至純JavaScript）

Redux Dev Tools插件 Redux調試工具 谷歌商店下載

redux三個坑：

store倉庫必須是唯一的，多個store是堅決不允許，只能有一個store空間

只有store能改變自己的內容，Reducer不能改變

Reducer必須是純函數

Redux-thunk這個Redux最常用的插件：

在Dispatch一個Action之后，到達reducer之前，進行一些額外的操作，就需要用到middleware（中間件）

在實際工作中你可以使用中間件來進行日志記錄、創建崩潰報告，調用異步接口或者路由

npm install --save redux-thunk

第一步 倉庫 在store文件夾下新建index.js

//applyMiddleware,compose是為了使用下面兩個插件
import {createStore,applyMiddleware,compose} from 'redux' //引入redux
import thunk from 'redux-thunk' //引入redux中間件插件
import reducer from './reducer'  //引用reducer中的數據
 
//瀏覽器安裝的倉庫插件 調試面板
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}):compose
 
//redux中間件插件 此函數為了兼容兩個插件并行
const enhancer = composeEnhancers(applyMiddleware(thunk))
 
//定義一個倉庫 唯一的 不能有兩個倉庫 createStore倉庫只接收兩個參數
const store = createStore( reducer, enhancer) // 創建數據存儲倉庫
export default store //將倉庫導出

文章題目：react用Redux中央倉庫實現一個todolist-創新互聯
文章URL：http://www.yijiale78.com/article26/cshojg.html

成都網站建設公司_創新互聯，為您提供品牌網站建設、用戶體驗、手機網站建設、做網站、網站維護、面包屑導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯