Redux的簡單使用

使用react-redux,redux中放的都是組件

花蝴蝶在我身邊圍繞圍繞，碼代碼我唯妙唯肖，還沒抓到那訣竅

1.建立store

 2.store中建立reducer

3.返回store引入reducer

 4.去掉Fragment

            開始獲取接口數據                

1.在哪裏用就在哪裏調用這個數據調用會用到connectconnect是react-redux中的高階組件用於鏈接store

 

 

2.在使用connect的組件中在建立一個mapprops.js文件在使用connect的組件中使用這是connect的兩個參數先引入 

 

 3.調用獲取數據的方法(這個方法可確定dispacth調用action)在使用數據的組件中的掛載後使用

 

 4.開始發送action給了store在store中作中間件處理引入action因此建立action在action文件夾中建立一個actionCreator的js文件

 

 5.異步請求數據在api文件夾建立一個js文件調取接口             

 

 6.上方數據獲取後發送reducer      

 7.action發送過去後要reducer中使用

 

完成以上操做能夠渲染了,若是分組件寫的話接的引入connect和mapprops更改mapprops.js文件更改成文件夾：

內容仍是之前的內容由於好多地方要用因此更改

 渲染:

若是是數組存的數據:在使用這個數據的組件中拿過來就好

 

 若是是對象遍歷渲染就能夠了