Skip to content
This repository has been archived by the owner on Sep 15, 2022. It is now read-only.

Latest commit

 

History

History
11 lines (6 loc) · 1.25 KB

File metadata and controls

11 lines (6 loc) · 1.25 KB

Задание 3 : Дополнительная информация о контактах

Уровень сложности: средний

Задание

Усовершенствовать список контактов, написаный на уроке. При клике на контакт, он должен разворачиваться (увеличиваться в высоте) и должна отображаться какая-то дополнительная информация о контакте (например, адрес и email). При повторном клике, информация должна сворачиваться.

Подсказка

Для того, чтобы контакт разворачивался, в компоненте Contact нужно добавить состояние isOpened. Обрабатывать событие onClick, а в обработчике - изменять состояние на противоположное предыдущему. В методе render в зависимости от значения this.state.isOpened отображать либо сокращенную информацию о контактах, либо полную.