Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

251
Views
¿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
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!