desarrollador web para principiantes aquí
Estoy tratando de mostrar los datos de usuario aleatorios relevantes como tales en mi componente de reacción en la siguiente tabla html accediendo a las propiedades del objeto de usuario, sin embargo, no estoy seguro de cómo acceder a ellos fuera de la función asíncrona. Ni siquiera estoy seguro de si debería usar async aquí jaja. ¿Cómo, si en absoluto, podría hacer esto? Incluso intenté crear un insantiador de objetos completamente nuevo, pero no funcionó.
¡¡Gracias!!
import React, { useState, useEffect } from "react"; const UserTable = () => { const API_URl = "https://randomuser.me/api/"; async function LoadTable() { const response = await fetch(API_URl); const data = await response.json(); const person = data.results; console.log(person); return LoadTable; } LoadTable(); return ( <table> <tr> <th>name</th> <th>age</th> <th>gender</th> </tr> </table> ); }; export default UserTable;import React, { useState, useEffect } from "react"; const UserTable = () => { const API_URl = "https://randomuser.me/api/"; // declare state const [person, setPerson] = useState(null); // call `LoadTable` inside `useEffect` for safety useEffect(() => { async function LoadTable() { const response = await fetch(API_URl); const data = await response.json(); const person = data.results; // setState setState(person); } LoadTable(); }, []) // do something with `person` down here return ( <table> <tr> <th>name</th> <th>age</th> <th>gender</th> </tr> </table> ); }; export default UserTable;LoadTable en render. Llámelo en un controlador de eventos o useEffect .try catch finally final.