search

IIC2513-2020-2 / syllabus

Material e información del curso
23 stars 7 forks source link

Uso de Cloudinary con react #65

Closed kelseyfranken closed 3 years ago

kelseyfranken commented 3 years ago

Hola, Estoy tratando de hacer una vista usando react pero nose como hacerlo para poder ver las fotos con Cloudinary. Lo intenté así: <img src={cloudinary.url(pet.imagen)} className="item-img" ></img> Pero no me sale la foto y en la consola me sale el siguiente error: Screen Shot 2020-11-14 at 19 10 38 Como se pueden visualizar las imágenes con Cloudinary en react? Gracias!

sivicencio commented 3 years ago

Hola Kelsey,

Tendrías que incluir dentro de tu variable pet (que supongo que tiene información que viene como respuesta de una ruta que responde en JSON) un campo con la imagen de Cloudinary. Es decir, dentro de ctx.body en koa debieras incluir un objeto que incluya algo como:

ctx.body = {
  cloudinaryImage: cloudinary.url(pet.imagen),
}

(Considerando que pet es una variable que tiene la instancia de sequelize con un pet).

Luego en React accedes directamente a pet.cloudinaryImage.