Уровень сложности: низкий
В поле ввода вводится текст. Снизу надпись, которая отображает “Hello, <введенный текст>!”. Текст должен меняться по мере ввода. Если в поле ничего не введено, то должно быть выведено “Hello, stranger!”.
В компоненте должно быть поле для ввода с событием onChange
. Обработчик события может выглядеть так:
// ...
handleNameChange(event) {
this.setState({
name: event.target.value
});
}
// ...
А в компоненте нужно будет затем отобразить поле name
состояния. Важно не забыть указать какое-то начальное состояние компонента.