reducer
. Los reductores en Redux son responsables de las modificaciones de estado que tienen lugar en respuesta a las acciones. Un reducer
toma el state
y la action
como argumentos, y siempre devuelve un nuevo state
. Es importante ver que este es el único papel del reductor. No tiene efectos secundarios: nunca llama a un punto final de la API y nunca tiene sorpresas ocultas. El reductor es simplemente una función pura que toma estado y acción, luego devuelve un nuevo estado. Otro principio clave en Redux es que el state
es de solo lectura. En otras palabras, la función reducer
siempre debe devolver una nueva copia del state
y nunca modificar el estado directamente. Redux no impone la inmutabilidad del estado, sin embargo, usted es responsable de hacerlo cumplir en el código de sus funciones de reductor. Practicarás esto en desafíos posteriores. reducer
para usted. Complete el cuerpo de la función del reducer
modo que si recibe una acción del tipo 'LOGIN'
, devuelva un objeto de estado con el login
establecido en true
. De lo contrario, devuelve el state
actual. Tenga en cuenta que el state
actual y la action
distribuida se pasan al reductor, por lo que puede acceder al tipo de acción directamente con action.type
. loginAction
debe devolver un objeto con la propiedad type establecida en la cadena LOGIN
.
testString: 'assert(loginAction().type === "LOGIN", "Calling the function loginAction
should return an object with type property set to the string LOGIN
.");'
- text: La tienda debe inicializarse con un objeto con el login
propiedad establecido en false
.
testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property login
set to false
.");'
- text: Despachando loginAction
debe actualizar la propiedad de login
en el estado de la tienda a true
.
testString: 'assert((function() { const initialState = store.getState(); store.dispatch(loginAction()); const afterState = store.getState(); return initialState.login === false && afterState.login === true })(), "Dispatching loginAction
should update the login
property in the store state to true
.");'
- text: 'Si la acción no es de tipo LOGIN
, la tienda debería devolver el estado actual.'
testString: 'assert((function() { store.dispatch({type: "__TEST__ACTION__"}); let afterTest = store.getState(); return typeof afterTest === "object" && afterTest.hasOwnProperty("login") })(), "If the action is not of type LOGIN
, the store should return the current state.");'
```