---
id: 5a24c314108439a4d4036150
title: Handle an Action in the Store
challengeType: 6
isRequired: false
videoUrl: ''
localeTitle: Manejar una acción en la tienda
---
## Description
Después de crear y enviar una acción, la tienda Redux debe saber cómo responder a esa acción. Este es el trabajo de una función 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.
## Instructions
El editor de código tiene el ejemplo anterior, así como el inicio de una función de 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 .
## Tests
```yml
tests:
- text: Llamar a la función 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.");'
```
## Challenge Seed
```jsx
const defaultState = {
login: false
};
const reducer = (state = defaultState, action) => {
// change code below this line
// change code above this line
};
const store = Redux.createStore(reducer);
const loginAction = () => {
return {
type: 'LOGIN'
}
};
```
## Solution
```js
// solution required
```