Intentando mostrar datos en una vista en React Js
, me he encontrado con un error que siguiendo los pasos del tutorial aun sigue persistiendo:
this.state.users.map is not a function
El código es el siguiente
import React, {Component} from 'react';
import {render} from 'react-dom';
import request from 'superagent';
class App extends Component{
constructor(){
super();
this.state = {
users: ""
};
}
componentDidMount(){
request.get('http://localhost:8080/api/usuarios')
.end((err, res) => {
const usuariosGet = JSON.parse(res.text).usuarios;
this.setState({
users: usuariosGet
});
});
}
render(){
var mostrarUsuarios = this.state.users.map((usuario, i) => {
return (<li key={i}>{usuario}</li>);
});
return(
<div>
<h1>Hola Mundo React JS</h1>
<ul>
{mostrarUsuarios}
</ul>
</div>
)
}
}
export default App;
usuariosGet
? A lo mejor es un objeto y no un arrayArray(2)0: Nombre: "Juan"__proto__: Object1: Nombre: "Isaac"__proto__: Objectlength: 2__proto__: Array(0)
map
en un string vacio. Prueba iniciandolo en[]