Objeto { filas: (1) […], cuenta: 3 } Mi api me está dando esto
recuento: 3 filas: Matriz [ {…} ] 0: Objeto { ELEGIBILIZAR: "2022-04-10", BFA: "2022-04-11", id: "c53d945e-4bb1-49ab-91ca-c9e046ac5de7 ", … } Nombre:"Paul" BFA: "2022-04-11"
¿Cómo mostrar los valores en reaccionar? he intentado lo siguiente sin suerte
class Test extends React.Component{ constructor() { super() this.state={ row:[ ] } } componentDidMount() { const axios = require('axios'); // Make a request for a user with a given ID axios.get('myapi') .then( response =>{ // handle success console.log(response); this.setState({row:response.data}); }) .catch(function (error) { // handle error console.log(error); }) .then(function () { // always executed }); } render() { const { row } = this.state; return ( <div> <div> {Object.keys(row).map(([key, value]) => { console.log(row); return ( <div> {key} = {value.Nume} </div> ); })} </div> </div> ); }} exportar prueba predeterminada
TLDR:
Eso es porque el valor que está configurando para state.row es una matriz.
Prueba esto: this.setState({row:response.data.rows[0]});
Explicación
La respuesta de su solicitud, response.data , es un objeto con las siguientes claves: count y rows .
el count se explica por sí mismo.
rows , por otro lado, se devuelve como una matriz de objetos, que es en lo que está configurando el valor de state.row .
Dado que espera un objeto y no una matriz de objetos (una suposición de su código de representación), deberá extraerlo de la respuesta como response.data.rows[0]