Estoy aprendiendo React y estoy tratando de llamar a una API en la carga de mi página, pero hasta ahora no he tenido mucho éxito. Estoy tratando de llamar a una API que extraerá un JSON que se usa para llenar mi cuadrícula. Aquí está mi código:
import React, { Component, useCallback, useState, useEffect } from "react"; import axios from 'axios'; import './styles.css'; import '@progress/kendo-theme-default/dist/all.css'; import { Grid, GridColumn, GridToolbar } from "@progress/kendo-react-grid"; import { DropDownList } from "@progress/kendo-react-dropdowns"; import { GridPDFExport } from "@progress/kendo-react-pdf"; import { ExcelExport } from "@progress/kendo-react-excel-export"; export function GridTable1({}) { const [ grid1, setGrid1 ] = useState(); const fillTable= async () => { await axios .get('http://11.11.21.111:8888/api/v1/CheckTablespace') .then((res) => { setGrid1(res.rlista) }); console.log('Log this'); } useEffect(() => { fillTable(); }, []) return ( ... ... ); }El registro de la consola no está registrado, así que no sé qué hacer. La ayuda sería muy apreciada
¡¡¡Prueba esto!!!
export function GridTable1() { const [ grid1, setGrid1 ] = useState(); useEffect(() => { axios .get('http://11.11.21.111:8888/api/v1/CheckTablespace') .then((res) => { setGrid1(res.rlista) }); console.log('Log this'); }, []); return ( {grid1 && <div> ...your HTML </div>} ); }