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