Tengo un tablero y, al cargarlo, llega a una base de datos y obtiene un montón de URL, que luego se representan en elementos IMG, así:
<img src={Item.imageURL}/>
El problema es que cada vez que abro otra ruta y luego vuelvo a la que tiene las imágenes, los componentes img
se recargan y las imágenes se descargan nuevamente. Da como resultado que los íconos se carguen visiblemente de arriba a abajo cada vez.
¿Hay alguna manera de cargar estas imágenes en el momento en que se recuperan las URL de la base de datos y luego guardarlas en el caché para que se carguen de inmediato? Como si import image from "./image.png"
con imágenes locales.