Как предварительно загрузить изображения в реакцию, чтобы предотвратить их загрузку при клике

Question

Я просто пытаюсь предварительно загрузить изображения в реакции. У меня есть какой-то лоток с изображениями, и я бы не хотел, чтобы существовало время загрузки, когда пользователь перемещается по изображениям.

Я видел много результатов, гдекто-то использует объект изображения, но как мне добавить объект IMEGE в реагировать.Вот ссылка на мою текущую реализацию https://babyfriendlyzone.com/place?category=5c6ac6ba9d0d6a26f1661402&itemId=5c6baa039d0d6a26f1661af5 Я просто хочу, чтобы предварительно загруженные изображения были не загружены.Как видите, это довольно медленно.Я использовал приведенный ниже код, и кажется, что изображения не кэшируются, особенно в мобильных браузерах

preLoadImages = () => {
    let item = this.props.item;
    if (!item.images || !item.images.length) return;

    let images = [];
    for (let image of item.images) {
        let img = new Image();
        img.src = image.imgSrc;
        images.push(img);
    }

    this.setState({
        images
    });
};