Enviando una solicitud a la API y obteniendo la respuesta de la API en la consola y los datos devueltos serán object .

API RESPONSE:

Consulte aquí: respuesta de la API de Json

Ahora, cómo mostrar datos en la página web usando axios. El siguiente código muestra cómo llamar a la API

 import React, { Component } from 'react' import axios from 'axios' class PostForm extends Component { constructor(props) { super(props) this.state = { key: '10-10-21', // Where data will be saved. data: [], } console.log(this.state) } changeHandler = e => { this.setState({ [e.target.name]: e.target.value }) } submitHandler = e => { e.preventDefault() axios .get(`http://127.0.0.1:8000/hgetall_hash?key=${this.state.key}`) .then(response => { // Updating the state to trigger a re-render this.setState({data: response.data}); console.log(response.data) }) .catch(error => { console.log(error) }) } render() { const { key } = this.state return ( <center><div> <form onSubmit={this.submitHandler}> <div> <h2> DATE PICKER</h2><br></br> <input type="text" name="key" value={key} onChange={this.changeHandler} /> </div> <br></br> <button type="submit">Submit</button> </form> </div></center> ) } } export default PostForm

Desde este código para almacenar la respuesta en variables y mapas, mostrar datos en la vista de cuadrícula.