Асинхронная галерея изображений в React

Question

Я создаю галерею изображений в реакции.Я загружаю все миниатюры изображений на одной странице, рендеринг массива изображений, сохраненных в исходном состоянии с помощью map ().То, что я хотел бы сделать, это загружать миниатюры изображений по одному (один раз, когда первый загружается, постепенно исчезают), а затем то же самое со вторым и т. Д., Как эффект домино.Каков наилучший способ обойти проблему?Я попытался отобразить массив и установить onload для тега img, но это просто затухает все изображения сразу, как только все загружены.

Answer 1

Если вы хотите постепенно затенять изображение, как только вы загрузите изображение, вы не получите желаемого эффекта домино, потому что вы будете загружать изображения в разное время. Например, может быть сначала изображение 4 fadesin, затем изображение 6, затем изображение 1, или, может быть, все изображения загружаются одновременно и исчезают одновременно.

Я рекомендую, как только все изображения загружены, вы получаете изображение # 1, задержка 1 секунда, изображение fadein # 2, задержка 1 секунда, изображение fadein # 3, чтобы получить эффект Domino.