Как сделать увеличение картинки при клике?

Question

[oskar barin]

На сайте есть картинки с атрибутом data-zoom.
Как сделать чтобы при клике на img с атрибутом data-zoom выводилось изображение в модальном окне?
Сейчас я это реализовал с помощью wrapper component, то есть я каждую нужную картинку заворачиваю в этот компонент и при клике нужная мне картинка выводиться в модальном окне.

Answer 1

[hzzzzl]

в стейт аппликации / общего враппера добавь значение типа modalSourceImage: null и меняй его при клике на урл картинки, потом же в рендере что-то в духе <ModalPicture pic={this.state.modalSourceImage} />, а там уже пусть в зависимости от null или не null отрисовывается или нет