Tengo una matriz de datos JSON estáticos bajo const airData que estoy cargando con éxito en mi componente principal de la aplicación exportando airData. También estoy usando Fetch para extraer datos de una API y registrar con éxito esos datos JSON en la consola.

 .then(result => console.log(result))

Como principiante en React, estoy atascado en cómo tomar los datos JSON de la API externa e imprimirlos como si tuviera los elementos JSON estáticos de airData.

Nuevamente, soy bastante nuevo en React. Vengo del mundo de PHP y he estado atascado durante un par de días en esto y se agradece cualquier dirección.

El código es el siguiente (tokens y demás ocultos por privacidad):

 var myHeaders = new Headers(); myHeaders.append("Authorization", "Bearer xxxxxxxxxxxxxxxx"); var urlencoded = new URLSearchParams(); urlencoded.append("macAddress", "xxxxxxxxxxx"); urlencoded.append("mode", "minute"); var requestOptions = { method: 'POST', headers: myHeaders, body: urlencoded, redirect: 'follow' }; fetch("MY_URL", requestOptions) .then(response => response.text()) .then(result => console.log(result)) .catch(error => console.log('error', error)); //Static data const airData = [ { "PM25":"1", "Temperature":"78.8", "RelativeHumidity":"53.2", "AirPressure":"1005.1", "TVOC":"63", "CO2":"942", "CO":"0", "Ozone":"7.9", "NO2":"11.3", "serialNumber":"xxxxxxxxxx", "VirusIndex":3, "Timestamp":1644967651, "DateTime":"2022-02-15 18:27" } ] export default airData;