Задать вопрос
madrogalo
@madrogalo
Кратко о себе

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

На сайте есть картинки с атрибутом data-zoom.
Как сделать чтобы при клике на img с атрибутом data-zoom выводилось изображение в модальном окне?
Сейчас я это реализовал с помощью wrapper component, то есть я каждую нужную картинку заворачиваю в этот компонент и при клике нужная мне картинка выводиться в модальном окне.
  • Вопрос задан
  • 1296 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 1
hzzzzl
@hzzzzl
в стейт аппликации / общего враппера добавь значение типа modalSourceImage: null и меняй его при клике на урл картинки, потом же в рендере что-то в духе <ModalPicture pic={this.state.modalSourceImage} />, а там уже пусть в зависимости от null или не null отрисовывается или нет
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 80 000 до 120 000 ₽
ITK academy Воронеж
от 50 000 до 90 000 ₽