Предварительная загрузка изображений, напечатанных через Array.map () - PullRequest
Новая
       70

Предварительная загрузка изображений, напечатанных через Array.map ()

0 голосов
/ 10 июля 2020

В настоящее время я нахожусь в проекте React, пытаясь напечатать некоторые изображения из массива объектов со свойством значка, которое содержит путь / импорт изображения.

Он представляет собой довольно очевидную задержку загрузки изображений, поэтому я пытался найти способ предварительно загрузить их как группу, прежде чем печатать их в dom для лучшей производительности / aestheti c.

с учетом этого компонента: 

import React from 'react';

const dict = [
{name: 'string', icon: require('../path/to/img.png')},
{name: 'string', icon: require('../path/to/img.png')},
{name: 'string', icon: require('../path/to/img.png')},
...
];

const Example = () => {
return(
   <div>
      {dict.map(item => return <img src={item.icon} />)}
   </div>
);
}

export default Example;

и пример массива объектов вверху, как бы я go мог предварительно загрузить эти изображения, чтобы все они появлялись в одно и то же время?

Большое спасибо.

...