調用子縮減器在父縮減器的默認塊中

Question

可以在其默認塊中使用reducer調用子縮減器嗎？

function aReducer(state = {}, action) { 
    switch(action.type) { 
    case XYZ: 
     ... // know what to do 
    default: 
     // don't know this action, let's delegate to the children 
     return { 
     sub1: subReducer1(state.sub1, action), 
     sub2: subReducer2(state.sub2, action) 
     } 
    } 
} 

Answer 1

您可以將所有reducer放在一個公共文件夾中，並且可以將單獨的reducer組合成一個如下面的代碼。

import { combineReducers } from 'redux' 
import Reducer1 from './Reducer1.js' 
import Reducer2 from './Reducer2.js' 
export default combineReducers({ Reducer1, Reducer2,... }) 

並使用以下代碼將其用作單個縮減器。

import reducers from '../../reducers'(reducer's root folder name/path) 
let store = createStore(reducers); 

Answer 2

是的，這是絕對合法合理的做法。

您可能需要閱讀Redux docs section on "Structuring Reducers"以獲取關於如何組織還原器邏輯的更多信息。