0
171
VistasQuiero obtener datos y mostrarlos en una página de reacción.
Soy nuevo en reactjs, quiero obtener y mostrar datos de la tabla de mi base de datos en una página de reacción, escribí un código siguiendo un tutorial pero no sé cómo corregirlo. Estos son los datos: 
y este es el codigo que estoy escribiendo
import React, { useEffect, useState } from 'react'; import axios from 'axios'; function Companies() { const [companies, setCompanies] = useState(initialState: []) useEffect( effect: () => { companydata() }, deps: []) const companydata = async () => { const {data}= await axios.get("http://localhost:5000/api/v1/companies"); setCompanies(data); } return ( <div className="companies"> {companies.map(companies => ( <div key={companies.CompanyId}> <h5>{companies.CompanyName}</h5> </div> ))} </div> ); } export default Companies;
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
useEffect( effect: async () => { await companydata() }, deps: []) ¿Has intentado agregar async y await dentro del gancho useEffect?
·
Juan Pablo Isaza
Denunciar
0
Intenta cambiar tu código así:
import React, { useEffect, useState } from 'react'; import axios from 'axios'; function Companies() { const [companies, setCompanies] = useState([]); useEffect(() => { companydata(); }, []); const companydata = async () => { const { data } = await axios.get('http://localhost:5000/api/v1/companies'); setCompanies(data); }; return ( <div className='companies'> {companies.map((comp) => ( <div key={comp.CompanyId}> <h5>{comp.CompanyName}</h5> </div> ))} </div> ); } export default Companies;
·
Juan Pablo Isaza
Denunciar
Responde la pregunta