Soy relativamente nuevo en JavaScript / React.js. Tengo una API aleatoria de la que quiero leer un elemento (en este ejemplo, una dirección de correo electrónico).
¿Qué pasa si la matriz tiene más correos electrónicos para diferentes usuarios?
En ese caso, ¿cómo puedo llamar a ese correo electrónico específico, digamos 2 y 5? ¿Cuál es la sintaxis para eso?
El código se da a continuación:
import {useState,useEffect} from 'react'; function App(){ const url = 'https://randomuser.me/api/'; const [information,setInformation]=useState([]); async function getData(){ const resp = await fetch(url); const data = await resp.json(); console.log(data); const [item]=data.results; setInformation(item); } useEffect(()=>{ getData(); },[]) return( <> {information.email} </> ) } export default App;Dado que está obteniendo los datos como una matriz, del formato
correo electrónico: ["a@gmail.com", "b@gmail.com"]
Puedes mapearlos como:
export default function App() { let information = { email: ["a@gmail.com", "b@gmail.com"] }; return ( <ul> {information.email.map((item, i) => ( <li key={i}>{item}</li> ))} </ul> ); }O para mostrar un correo electrónico en particular, digamos de la primera ubicación, acceda a ellos como:
<> {information.email[1]} </>