¿Cómo obtener datos de las API utilizando la espera asincrónica en ReactJS?

En este artículo, vamos a realizar una solicitud de API a cualquier API que desee mediante ReactJS y obtener datos mediante la espera asincrónica. Aquí estamos usando algo llamado Axios, que es una biblioteca en ReactJS.

API: Las API son básicamente un tipo de aplicación que almacena datos en formato JSON (Notación de objetos de JavaScript) y XML (Lenguaje de marcado extensible). Hace posible que cualquier dispositivo se comunique entre sí.

Espera asincrónica: Async garantiza que la función devuelva una promesa y envuelva las no promesas en ella. Hay otra palabra Await, que solo funciona dentro de la función asíncrona.

Sintaxis de espera:

const Value = await promise;

Creación de la aplicación React e instalación del módulo:

Paso 1: Cree una aplicación React usando el siguiente comando:

npx create-react-app foldername

Paso 2: después de crear la carpeta de su proyecto, es decir, el nombre de la carpeta, acceda a ella con el siguiente comando:

cd foldername

Paso 3: Después de crear la aplicación ReactJS, instale el módulo requerido usando el siguiente comando:

npm install axios

Resultado:

Estructura del proyecto: Tendrá el siguiente aspecto.

Ejemplo:

Aplicación.js