--- id: 5a24c314108439a4d4036150 title: Handle an Action in the Store challengeType: 6 isRequired: false videoUrl: '' localeTitle: Управлять действием в магазине --- ## Description
После того, как действие создано и отправлено, хранилище Redux должно знать, как реагировать на это действие. Это задача reducer . Редукторы в Redux отвечают за изменения состояния, которые происходят в ответ на действия. reducer принимает state и action качестве аргументов и всегда возвращает новое state . Важно видеть, что это единственная роль редуктора. Он не имеет побочных эффектов - он никогда не называет конечную точку API и никогда не имеет никаких скрытых сюрпризов. Редуктор - это просто чистая функция, которая принимает состояние и действие, а затем возвращает новое состояние. Другим ключевым принципом в Redux является то, что state доступно только для чтения. Другими словами, функция reducer должна всегда возвращать новую копию state и никогда не изменять состояние напрямую. Redux не обеспечивает неизменность состояния, однако вы несете ответственность за его выполнение в коде своих функций редуктора. Вы будете практиковать это в более поздних проблемах.
## Instructions
Редактор кода имеет предыдущий пример, а также начало функции reducer для вас. Заполните тело функции reducer так, чтобы, если он получает действие типа 'LOGIN' он возвращает объект состояния с login установленным в true . В противном случае он возвращает текущее state . Обратите внимание, что текущее state и отправленное action передаются в редуктор, поэтому вы можете напрямую обращаться к типу действия с помощью action.type .
## Tests
```yml tests: - text: 'Вызов функции loginAction должен возвращать объект с свойством типа, установленным в строку LOGIN .' testString: 'assert(loginAction().type === "LOGIN", "Calling the function loginAction should return an object with type property set to the string LOGIN.");' - text: Магазин должен быть инициализирован объектом с идентификатором login установленным в значение false . testString: 'assert(store.getState().login === false, "The store should be initialized with an object with property login set to false.");' - text: '' 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: '' 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 ```