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