midudev / aprendiendo-react

Curso para aprender React desde cero
https://twitch.tv/midudev
7.64k stars 1.1k forks source link

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

Open francojimenezcopati opened 9 months ago

francojimenezcopati commented 9 months ago

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" }__

bytemasterdan commented 6 months ago

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`
  )
})