Задачи:
- Написать компонент
App
, который содержитinput
,div.App
, а так же список компонентNewsPost
; - Компонент
App
должен иметь методhandleChange
который реагирует наonChange
компонентаinput
; - Компонент
App
должен иметь методhandleKeyDown
который реагирует наonKeyDown
компонентаinput
; state
компонентаApp
должен содержать список постов вnews
и строкуnewsInput
, в которую попадают значения изinput
;- Компонент
App
должен создавать список компонентNewsPost
; - Написать компонент
NewsPost
, который содержитinput
, и параграфp
, в котором будет текст новости, которую передаёт компонентApp
черезprops.text
; - Компонент
NewsPost
должен содержать методыhandleChange
,handleKeyDown
иhandleDelete
; - Компонент
NewsPost
должен создавать компонентыComments
на каждый новый комментарий созданный через инпут, по аналогии сApp
; - Компонент
Comment
должен получать уникальныйkey
при создании; - Компонент
Comment
должен содержатьp
с текстом переданным из компонентыNewsPost
; - Компонент
Comment
должен содержать методhandleDelete
, который вызывается при клике наspan
; - Компонент
Comment
должен содержатьspan.delete
, при клике на который должен вызываться методonDelete
который передают изprops
.onDelete
должен получатьid
комментария; - Все тесты должны работать.