He tenido problemas con este problema durante los últimos días y he intentado algunas cosas, pero no han funcionado.
Estoy tratando de mostrar información bursátil en la mesa. Funciona bien para una acción, sin embargo, cuando trato de obtener información de varias acciones y combinarla, obtengo valores en blanco.
Por favor, eche un vistazo al código
useEffect(() => { (async () => { try { let data = [] data.push(await getAppleData()) data.push(await getIBMData()) console.log(data) setRowData(await data); setLoading(false); } catch (err) { setError(err); setLoading(false); } })(); }, []);Así es como se ve una de las funciones get[name]Data():
async function getAppleData() { const url = `https://financialmodelingprep.com/api/v3/profile/AAPL?apikey=APIKEY`; let res = await fetch(url); let data1 = await res.json(); return data1; }En la sección de columnas he probado estas especificaciones pero no funcionan
const columns = [ { headerName: "Symbol", field: "symbol", valueGetter: function (params) { return params.data.symbol; },}, { headerName: "Price", field: "price" }, { headerName: "Industry", field: "industry" } ];La salida que obtengo es esta:
También este es el archivo console.log de rowData
¿Puede alguien ayudarme a descubrir cómo hacer referencia a los valores de la matriz de objetos?
Gracias
Array.prototype.push agregará la respuesta completa a la matriz de data y parece que la respuesta es una matriz que contiene un solo objeto, por lo que data contienen dos matrices en lugar de dos objetos.
Para agregar los objetos en lugar de las matrices, puede usar Array.prototype.concat .
useEffect(() => { (async () => { try { let data = [].concat(await getAppleData(), await getIBMData()); console.log(data); setRowData(data); setLoading(false); } catch (err) { setError(err); setLoading(false); } })(); }, []);También puede usar la sintaxis de propagación , como se muestra a continuación:
useEffect(() => { (async () => { try { let data = [...(await getAppleData()), ...(await getIBMData())]; console.log(data); setRowData(data); setLoading(false); } catch (err) { setError(err); setLoading(false); } })(); }, []); Además, esperar data no tiene sentido, así que simplemente haz setRowData(data) .