一個頁面有很多結構組成，都放在一個reducer中導致代碼很臃腫，例如簡書這個寫的頭部header這個組件可以在header文件下創建store文件夾里面創建一個reducer.js文件例如下圖，

這里原本在總的reducer.js文件中，redux提供了combineReducers方法可以將header文件夾下的reducer連接：如圖：?

這里獲取header的reducer路徑很長可以在header文件嘉信創建index.js,代碼如下：

我們在總reducer這樣引入：這里從header組件中redcer與大的reduce重名，我們可以reducer as headerReducer,通過這樣的方法可以減少請求的路徑代碼長度

?

這里獲取header文件夾下的state值需要這樣做如下圖：這里原先是state.focused獲取數據，但是現在reducer拆分了，并且給標記為header下的reducer,就要變為state.header.focused,

這個意思是通過總的state下面的header中的reducer獲取相關的數據。

?

轉載于:https://www.cnblogs.com/zhx119/p/10851060.html

總結

以上是生活随笔為你收集整理的reducer拆分的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。