Задание "Extract State Logic to Redux".

, чтобы сохранить свой прогресс

Извлечь логику состояния в Redux

Теперь, когда вы закончили компонент React, вам нужно переместить логику, которую она выполняет локально в своем state в Redux. Это первый шаг для подключения простого приложения React к Redux. Единственная функциональность вашего приложения - это добавить новые сообщения от пользователя в неупорядоченный список. Пример прост, чтобы продемонстрировать, как React и Redux работают вместе.

Сначала определите тип действия «ADD» и установите его в ADD const. Затем определите создателя действия addMessage() который создает действие для добавления сообщения. Вам нужно передать message этому создателю действия и включить сообщение в возвращаемое action . Затем создайте редуктор, называемый messageReducer() который обрабатывает состояние для сообщений. Начальное состояние должно равняться пустующему массиву. Этот редуктор должен добавить сообщение в массив сообщений, находящихся в состоянии, или вернуть текущее состояние. Наконец, создайте свой магазин Redux и передайте ему редуктор.

⌛

The const ADD should exist and hold a value equal to the string ADD

⌛

The action creator addMessage should return an object with type equal to ADD and message equal to the message that is passed in.

⌛

messageReducer should be a function.

⌛

The store should exist and have an initial state set to an empty array.

⌛

Dispatching addMessage against the store should immutably add a new message to the array of messages held in state.

⌛

The messageReducer should return the current state if called with any other actions.

/** * Your test output will go here. */