Consiste en múltiples callbacks anidados que provocan que el código se vuelva difícil de leer y debuggear y por eso se deben evitar.
{ # console.log(data1[0]);
id: 1,
title: 'Handcrafted Rubber Bacon',
price: 999,
description: 'Carbonite web goalkeeper gloves are ergonomically designed to give easy fit',
category: {
id: 2,
name: 'Electronics',
image: '<https://api.lorem.space/image/watch?w=640&h=480&r=6451>'
},
images: [
'<https://api.lorem.space/image/watch?w=640&h=480&r=366>',
'<https://api.lorem.space/image/watch?w=640&h=480&r=9711>',
'<https://api.lorem.space/image/watch?w=640&h=480&r=954>'
]
}
Handcrafted Rubber Bacon # console.log(data2.title);
Electronics # console.log(data3.name);
En la primera petición devolvío la lista de producto del cual mostramos en consola en primero. data1[0]
En la segunda petición devolvió el producto con el id indicado en la URL, en este caso el primero y mostramos el título en consola. data2.title
En la tercera petición devolvió la categoría del producto con el id 0 y mostramos el nombre de la categoría en consola. data3.name
<aside> 💡 En las 3 peticiones hacemos referencia al primer producto para entender como funcionan las peticiones y si se podran dar cuenta en la primera data estan incluidas las segunda y la tercera.
</aside>