выгрузил в облако, и url картинок лежат в базе данных. Но теперь картинки долго подгружаются, как можно отследить время отображение картинки? Чтобы повесить лоадер пока картинка не появится на экране
Грузить картинки ручками, подсовывать лоадер, а когда загрузится менять на актуальный урл. Можно сделать компонент для этого
а можно слегка подробнее?
Сейчас попробую снипет нагуглить
const Image = props => { const [isLoaded, setIsLoaded] = React.useState(false); return ( <img onLoad={() => {setIsLoaded(true)}} style={{ opacity: isLoaded ? 1 : 0 }} src={props.src} /> ); }; Снипет только для демонстрации идеи!
ну с этим уже можно работать спасибо)
Обсуждают сегодня