Управление состоянием локально сначала
Здесь вы закончите создание компонента DisplayMessages
.
Во-первых, в методе render()
компонент визуализирует элемент input
элемент button
элемент ul
. Когда элемент input
изменяется, он должен вызвать метод handleChange()
. Кроме того, элемент input
должен отображать значение input
, находящееся в состоянии компонента. Элемент button
должен запускать метод submitMessage()
при нажатии. Во-вторых, напишите эти два метода. Метод handleChange()
должен обновлять input
с помощью input
пользователем. Метод submitMessage()
должен конкатенировать текущее сообщение (сохраненное на input
) в массив messages
в локальном состоянии и очистить значение input
. Наконец, используйте ul
для сопоставления массива messages
и отображения его на экране в виде списка элементов li
.