FreeCode.Academy
Стратегии обучения
Уроки
Технологии
Участники
Проекты
Задачи
Таймеры
Топики
Блоги
Офис
О проекте
Войти
Николай Ланец
Обсуждение задания "Create a Controlled Input"
Мое решение :
class
ControlledInput
extends
React
.
Component
{
constructor
(
props
)
{
super
(
props
)
;
this
.
state
=
{
input
:
''
}
;
// change code below this line
this
.
onChange
=
this
.
onChange
.
bind
(
this
)
;
// change code above this line
}
// change code below this line
onChange
(
event
)
{
this
.
setState
(
{
input
:
event
.
target
.
value
,
}
)
;
}
// change code above this line
render
(
)
{
return
(
<
div
>
{
/* change code below this line */
}
<
input
value
=
{
this
.
state
.
input
||
""
}
onChange
=
{
this
.
onChange
}
/>
{
/* change code above this line */
}
<
h4
>
Controlled Input
:
</
h4
>
<
p
>
{
this
.
state
.
input
}
</
p
>
</
div
>
)
;
}
}
;
П.С. Старайся тоже код вставлять в преттиер, а то читать сложно.