Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

245
Vistas
¿Cómo llamar a una imagen específica después de importar todas las imágenes de una carpeta en ReactJS?

Quiero importar todos los íconos de una carpeta de íconos y luego encontrar el ícono específico y mostrarlo en la pantalla. He importado todos los íconos con el siguiente código:

 const images = this.importAll(require.context('./icons', false, /\.(png|jpe?g|svg)$/)); console.log(images); importAll(r) { return r.keys().map(r); }

A continuación se muestra la captura de pantalla del registro de la consola [todas las imágenes importadas][1]

Ahora, si quiero encontrar un ícono específico, ¿cómo debo encontrarlo? El nombre del archivo de imagen no está claro como se resalta en la captura de pantalla.

 const found = images.find(element => element = 'r04d.png'); console.log(found)

la salida del código anterior se muestra a continuación:

[salida de encontrado][2]

el nombre del archivo de imagen no está claro, cómo debo referirme a este archivo y usarlo cuando sea necesario, por favor avise. [1]: https://i.stack.imgur.com/qc1ff.png [2]: https://i.stack.imgur.com/hbZbt.png

about 4 years ago · Santiago Gelvez
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda