Теперь, когда вы понимаете, как использовать connect для подключения React к Redux, вы можете применить то, что вы узнали, к своему компоненту React, который обрабатывает сообщения. В последнем уроке компонент, который вы подключили к Redux, был назван Presentational , и это не было произвольным. Этот термин обычно относится к компонентам React, которые напрямую не связаны с Redux. Они просто отвечают за представление пользовательского интерфейса и делают это в зависимости от реквизита, который они получают. Напротив, компоненты контейнера подключены к Redux. Обычно они отвечают за отправку действий в хранилище и часто передают состояние хранилища дочерним компонентам в качестве реквизита.
Редактор кода имеет весь код, который вы написали в этом разделе. Единственное изменение заключается в том, что компонент React переименовывается в Presentational . Создайте новый компонент, состоящий из константы, называемой Container которая использует connect для подключения Presentational компонента к Redux. Затем в AppWrapper отобразите компонент React Redux Provider . Пропустите Provider store Redux в качестве опоры и выведите Container в качестве ребенка. Как только все будет установлено, вы снова увидите сообщение, отображаемое на странице.