Estoy usando Redux y tengo el siguiente código:
const initialState = { foo: "foo", }; const store = createStore( rootReducer, initialState ); ... const rootReducer = combineReducers({, foo: (state) => { console.log(state); return state; }, });Según la documentación :
Con combineReducers() el comportamiento es más matizado. Aquellos reductores cuyo estado se especifique en preloadedState recibirán ese estado. Otros reductores recibirán undefined y, por eso, volverán al argumento state = ... predeterminado que especifiquen.
Y espero que mi caso sea el primero, por lo tanto, espero que mi reductor registre "foo" en la consola, pero en cambio me estoy quedando undefined , lo que hace que la aplicación falle como "el reductor de corte para la tecla "foo" se devolvió indefinida durante la inicialización". ¿Qué me estoy perdiendo?
Por cierto, sé que puedo establecer un valor predeterminado en mi fooReducer para manejar este caso (es decir, set (state = someInitialState) ), pero mi pregunta es: ¿estoy obligado a hacerlo? Porque según la documentación no debería estarlo.
Aquí hay un ejemplo de trabajo del problema:
const rootReducer = Redux.combineReducers({ foo: (state) => { console.log(`State is: ${state}`); return state; } }); const initialState = { foo: 'initialFooValue', }; try { const store = Redux.createStore(rootReducer, initialState); } catch (error) { console.error(error); } <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.2.0/redux.js"></script>Supongo que lo que te estás perdiendo aquí es el hecho de que cada reductor necesita su propio initial value cuando usas combineReducers . Verifica este código para ver a qué me refiero:
const initialFoo = 'initialFooValue'; const initialState = { foo: 'anotherValue', }; const FooReducer = (state = initialFoo) => { console.log(`State is: ${state}`); return state; } const rootReducer = Redux.combineReducers({ foo: FooReducer }); try { const store = Redux.createStore(rootReducer, initialState); console.log('see the store structure', store.getState()); } catch (error) { console.error(error); } <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.2.0/redux.js"></script>