Clase

December 27, 2022 5:40 PM (CST)

Aportes

Curso ECMAScript | [26. **ES11: optional chaining**](<https://pogolo.notion.site/26-ES11-optional-chaining-8c6ef78b97dc426082719a472cf90c79>)

<aside> 💡 En está clase en construye el toda lo que hará la función fetchData

</aside>

𝗙𝗲𝘁𝗰𝗵 𝗱𝗮𝘁𝗮

El deseo al terminar esta clase

Poner en practica nuestra función la cual recibe un callback que se encarga de entregar el error o la data que obtiene al hacer la petición al API

function fetchData(urlApi, callback){
}

fetchData(`${API}/products`, function(error1, data1) {
}

Como anidar múltiples llamadas dentro de este callback.

Obvio porque el callback es una función anónima donde se puede invocar la función fetchData de nuevo.

Lo que queremos hacer es solicitar información a la API de Platzi, que es un E-Commerce.

Una llamada a todos los productos, a un producto en particular, el nombre de la categoría a la que pertenece el producto particular y mostrar esta información al finalizar al solicitudes que le haremos al servidor.

Explicación

En el archivo challenge.js se agrega el siguiente código:

fetchData(`${API}/products`, function (error1, data1) {
    if (error1) return console.error(error1); 
    fetchData (`${API}/products/${data1[2].id}`, function(error2, data2){
        if(error2) return console.error(error2);
        fetchData(`${API}/categories/${data2?.category?.id}`, function(error3, data3){
            if(error3) return console.error(error3);
            console.log(data1[2]);
            console.log(data2.title);
            console.log(data3.name);
        });
    });
});