He intentado solicitar un trabajo. Tuve que hacer una aplicación y una de las tareas era usar una llamada api para imágenes.
He usado Axios dentro de una función dentro de un gancho useEffect. Con espera asincrónica.
La aplicación funcionó muy bien.
Pero la respuesta que me dieron fue que no usé correctamente las llamadas a la API. Les pedí que fueran más específicos, pero lamentablemente aún no respondieron:/ ¿Alguien sabe qué podría haber hecho de otra manera? Y también fue una tarea extra jajaja.
¿Cómo abordarías esto?
La tarea:
Obtenga algunas imágenes de hongos (aleatorias) de una API de imagen.
Para obtener datos en React usando useEffect y Axios, puede hacer algo como esto:
import React, { useEffect, useState } from "react"; import axios from "axios"; function Axios() { const [data, setData] = useState(null); // to store your data useEffect(() => { // your URL goes here axios.get("https://mushroom/api/image/random").then((resp) => { setData(resp.data.message); }); }, []); return ( <div> <img width={500} src={data} /> </div> ); } export default Axios;