midudev/aprendiendo-react

Problema con la segunda url en **04-react-prueba-tecnica**

francojimenezcopati opened this issue · 1 comments

Al entrar en la url de la segunda api, el json ya no tiene la url.

Ejemplo:
https://cataas.com/cat/says/hola?size=50&color=red&json=true

Devuelve:
{
"tags": [],
"createdAt": "2019-01-14T15:24:20.051Z",
"updatedAt": "2022-10-11T07:52:32.370Z",
"mimetype": "image/jpeg",
"size": null,
"id": "eaqTfY7LIJXCNhxZ"
}

En mi caso lo resolví ocupando el id en un query params para formar un nuevo estado url y eso que forme parte en el src del img; de esa forma si no encuentra algún gato con la firtsWord almenos devolvera un gato aleatorio

Código:

const URL_API_CATS = `https://cataas.com/cat`

fetch(`${ URL_API_CATS }/says/${ firtsWord }?json=true`)
.then(res => res.json())
.then (resp => {
  console.log(resp)
  const { _id: id} = resp 
  setUrl(
    `${ URL_API_CATS }?id=${ id }&width=200`
  )
})