TheSnegok
@TheSnegok

Как для каждой картинки сделать свой loader?

Здраствуйте, есть компонент в который приходят ссылки на изображения, и выводятся через map, вот я сделал через useState что если какая-то одна загружается, то вместо loader показывает сразу все картинки, и добавил useEffect чтобы если добавились новые то снова сработал loader, вот код:
60dc4b888b325066938102.png
Вопрос: как сделать чтобы для каждой картинки работал свой loader и при обновлении на старые картинки не срабатывал loader?
  • Вопрос задан
  • 92 просмотра
Решения вопроса 1
Hecc
@Hecc
Frontend. Дизайн. Шрифт.
Нужно сделать отдельный компонент для img, который будет реагировать на загрузку именно этой картинки, а не общего пула из url.
Все точно так же, как у вас сейчас, только нужно чтобы у каждой картинки был свой стейт который будет фиксировать загружена она или нет. А не один общий.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
05 нояб. 2024, в 17:38
150000 руб./за проект
05 нояб. 2024, в 16:31
500 руб./за проект
05 нояб. 2024, в 16:24
5000 руб./за проект