He estado tratando de crear una tabla a partir de una serie de objetos. Puedo consolar los datos dentro de la función asíncrona. Pero no podía consolarlo afuera.
Mi código :
useEffect(() => { listingCampaignsModels() }, []); async function listingCampaignsModels() { const apiData = await DataStore.query(Campaign); console.log(apiData); console.log(typeof(apiData)); return apiData; }; Cuando traté de consolar apiData afuera, devuelve apiData is not defined .
Los datos se ven así:
[Model, Model, Model, Model, Model, Model] Cada Model se parece a:
-> 1: Model {id: 'c40d6b22-840f-467a-909c-7b2b19960ffb', campaignOwner: 'eumagnas', campaignName: "mollitlab", startDate: "2022/08/15", endDate: "2022/10/25", expectedRevenue: 25, budgetedCost: 27, actualCost: 28}Quiero recorrer todos los modelos y crear una tabla como:
| Propietario de la campaña | Nombre de campaña | Fecha de inicio | Fecha final | Los ingresos esperados | Costo presupuestado | Costo real |
|---|---|---|---|---|---|---|
| Eumagnas | mollitlab | 2022/08/15 | 2022/10/25 | 25 | 27 | 28 |
Debe usar el gancho useState() para guardar los datos como estado de la campaña.
const [campaigns, setCampaigns] = useState([]); useEffect(() => { listingCampaignsModels() }, []); async function listingCampaignsModels() { const apiData = await DataStore.query(Campaign); console.log(apiData); setCampaigns(apiData); };