Cargar una imagen en React

Поделиться
HTML-код
  • Опубликовано: 10 янв 2025

Комментарии • 61

  • @juliopaez9989
    @juliopaez9989 2 года назад +1

    Me salvaste, tenia la ruta definida en , no se cargaba al subirlo al servidor de producción, realice tus pasos, totalmente agradecido. Gracias Infinitas

  • @ezequieljumilla9977
    @ezequieljumilla9977 2 года назад +4

    Capo total, siempre que veo los comentarios y son de distintas fechas me causa gracia que todos siempre tenemos los mismos problemas 🤣🤣🤣

  • @berlinjuan
    @berlinjuan 3 года назад +3

    geniooo , con tantas cosas que estoy aprendiendo a la vez , no sabia como usar una imagen en los componentes , busque por todos lados y no daba con las respuesta ..sos crack ...saludos desde argentina

  • @Lucas-cs2sf
    @Lucas-cs2sf Год назад

    Mil graciasssss, era justo lo que estaba buscando

  • @FretexEng
    @FretexEng 2 года назад +1

    Genial esto, muchas gracias siempre necesitamos más ingenieros perezosos que se hagan el trabajo más eficiente jeje

  • @pinguibiris
    @pinguibiris 2 года назад +1

    Excelente explicacion, muchas gracias...

  • @IvanRamirez-sf5xu
    @IvanRamirez-sf5xu Год назад +1

    Gracias hermano. Estuve trabajando algo con React pero no me acordaba como se hacia

  • @estampadosgen5911
    @estampadosgen5911 Год назад

    muchas gracias me re sirvió!

  • @matiasalonsopisani7501
    @matiasalonsopisani7501 3 года назад +1

    muy bueno GRACIASSS!!!

  • @soycmramos
    @soycmramos 3 года назад

    Justo lo que estaba buscando. ¡Muchas gracias!

  • @cesarmuzio1154
    @cesarmuzio1154 3 года назад +1

    Claro, conciso y preciso! muchas gracias!

  • @CarlinGebyte
    @CarlinGebyte 2 года назад

    Jajaj ese ending me encantó
    Super bien
    Excelente video
    Venía por la segunda opción

  • @TheAlecron
    @TheAlecron 3 года назад

    muchas gracias! justo necesitaba algo de este estilo y no encontraba nada por ningún lado

  • @guscg40
    @guscg40 2 года назад

    que bien explicado! te felicito!! sos crack

  • @joselucianorivera9132
    @joselucianorivera9132 3 года назад +1

    buena bro, justo lo que se buscaba.

  • @amdev4026
    @amdev4026 4 года назад +1

    Gracias por la información. Un saludo Pablo.

  • @renzopv2889
    @renzopv2889 4 года назад +2

    gracias bro, espero que tu canal crezca aun mas.

  • @ernestopang5752
    @ernestopang5752 3 года назад +1

    Gracias!!!! Necesitaba esto

  • @omaroctaviosucrediaz3557
    @omaroctaviosucrediaz3557 2 года назад +1

    Excelente contenido era justo lo que estaba buscando, seria genial tener una extension que te importara todos los items de una carpeta asi seria mas facil cuando tienes muchas imagenes

  • @martinyuste6413
    @martinyuste6413 2 года назад

    gracias genio!

  • @luchex-btc
    @luchex-btc 2 года назад

    Cortita y al pie, genio Pablo!!!

  • @josesissa6878
    @josesissa6878 3 года назад

    Excelente explicación, gracias

  • @alfonsopayra
    @alfonsopayra 2 года назад

    tio es genial el clip del final, me has ganado la subscripcion!

  • @fernandagiselle4785
    @fernandagiselle4785 3 года назад

    Sos un geniooo!!!

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 2 года назад +1

    buena idea lo de exportarlas con objeto con propiedades, gracias

  • @andresmansilla4774
    @andresmansilla4774 3 года назад

    crack mil gracias!! no se me ocurrió hacerlo así ;)

  • @nataliaolmos2708
    @nataliaolmos2708 4 года назад +1

    Gracias!! :)

  • @XaXReL
    @XaXReL 3 года назад

    Un prooo, me salvaste la vida

  • @nachorodber
    @nachorodber 4 года назад

    Y si llamas a una función map de la variable donde guardas las imágenes puedes incluso imprimir todas dentro de algún formato html para las cards puedes utilizar bootstrap u otro framework CSS para escribir menos código. Incluso puedes hacerlo mejor haciendo un componente para dibujar las imágenes y allí mismo incluir el map, incluso puedes poner un botón con alguna funcionalidad para recoger los datos de la imagen en concreto y pasárselo a otro componente y mostrar la imagen en solitario... Puedes hacer tantas cosas con las imágenes en React y con cualquier otra cosa que resulta una tecnología muy potente. Recomiendo aprenderlo.

  • @BlackMilo87
    @BlackMilo87 2 года назад

    una duda y si quisiera que al ver la imagen se pueda dar click y te mande a la direcion q el desarrollador ponga no se ver la imagen en grande o llevarte a x lado

  • @juanfiloni9624
    @juanfiloni9624 11 месяцев назад

    y como harias con una url o con una consulta a una base de datos?

  • @mayramora1025
    @mayramora1025 3 года назад

    Gracias :)

  • @fallensaint757
    @fallensaint757 Год назад

    La técnica lazy loading funcionaria si tengo muchas imágenes?

  • @ardillatexana1844
    @ardillatexana1844 Год назад

    estaba viendo el curso de freecodecamp de React y lo hacen con require pero no me funcionaba, de est forma si!

    • @PabloMonteserinTutor
      @PabloMonteserinTutor  Год назад

      debería funcionar de las dos formas, aunque el uso de require es más antiguo

    • @ardillatexana1844
      @ardillatexana1844 Год назад

      @@PabloMonteserinTutor seguro que al require lo usaba mal, aun asi me quedo con esta, que de paso es mas elegante

  • @YosipmikeColin
    @YosipmikeColin 3 года назад +1

    Y SI VIENE DE UNA BASE DE DATOS COMO SE HACE NO SE PUEDE HACER SIN IMPORTAR POR QUE EN CASO DE UNA BASE DE DATOS UNO NO SABE QUE COMO SE LLAMA LA IMAGEN.ESYOY ACIENDO ALGO ASI PERO NO FUNCIONA

  • @brandon400
    @brandon400 3 года назад

    gracias loco

  • @sebamise2406
    @sebamise2406 2 года назад

    y si quisiese recorrer el arreglo de objetos y muestra cada vez una imagen distinta src={images[index + 1].img}

  • @jlgonza2282
    @jlgonza2282 3 года назад

    Hola, como hago para importar si tengo 300 imagenes??

  • @pulgaaa62
    @pulgaaa62 3 года назад

    Gracias estuve peleando con las imágenes durante mucho ajaj

  • @juansalazar7037
    @juansalazar7037 2 года назад

    Sería excelente que hicieras un vídeo de subir la imagen a Mysql con ruta y automáticamente esa imagen se guarde en una carpeta

  • @gabyzapata9183
    @gabyzapata9183 2 года назад

    Hola, yo no he podido, siempre me da error, me dice que no tiene permiso para ninguna imagen.

    • @PabloMonteserinTutor
      @PabloMonteserinTutor  2 года назад +1

      Ummm... no sé que podría ser... la ruta que carga la imagen termina en un formato de imagen (png, jpg, gif, etc) ? Puedes pegar aquí la línea del import?

  • @fernegruzzi12
    @fernegruzzi12 Год назад +1

    crackkkkkkkkkkkkkkkkk

  • @3Bluewind
    @3Bluewind 3 года назад

    Tengo una lista on selects y quiero que al selecionar un select me muestra una img

    • @PabloMonteserinTutor
      @PabloMonteserinTutor  2 года назад

      Buenas! Para dudas más específicas tengo el servicio premium de mi web

  • @mr_arrowtv7335
    @mr_arrowtv7335 3 года назад

    Hola , como hago para colocar una imagen de fondo ? en mi aplicacion

    • @PabloMonteserinTutor
      @PabloMonteserinTutor  3 года назад

      Umm... Tras ver el vídeo donde lo explico, que parte no te funciona?

  • @estefanibermudez1638
    @estefanibermudez1638 2 года назад

    Me gusta y guardar xD

  • @michifus5247
    @michifus5247 2 года назад

    no me funciono nigun metodo xd

  • @juanfunes4017
    @juanfunes4017 2 года назад +1

    Gracias crack