estoy intentando recorrer un array, pero me da este error "Cannot read property 'map' of undefined", alguien me puede hechar una mano con esto?? Gracias de antemano.
La variable claims me retorna un array, lo intente convertir en json y tampoco sirvio.
Hay alguna otra manera de recorrerlo?
Saludos.
import React from "react";
import PropTypes from "prop-types";
import userStore from "../../stores/userStore";
import * as userActions from "../../actions/userActions";
import Header from "../common/Header";
const ViewClaims = props => {
const id = props.match.params.id;
userActions.loadUserById(id);
const user = userStore.getUserById();
const claims = user.claims;
console.log(claims);
return (
<>
<Header />
<main role="main" className="container">
<div className="col-md-8">
<h2>Users Claims</h2>
<ul>
{claims.map(claim => {
return <li key={claim.id}>{claim.type}</li>;
})}
</ul>
</div>
</main>
</>
);
};
ViewClaims.propTypes = {
match: PropTypes.object.isRequired,
history: PropTypes.object.isRequired
};
export default ViewClaims;
userActions.loadUserById(id);
debiera ser asíncrono y emitirle un evento al store que cambiará su estado. Tú tienes que haber suscrito tu componente para que su estado cambie junto con el userStore. le va a tirar un cambio de estado al store, por lo que tu vista de alguna manera tiene que meterle un listener al store (ej UserStore.addChangeListener(...);`) y cambiar su propio estado (por ejemplo this.state.claims) . De todos modos en el render debiera ser {claims && claims.map(...) } como salvaguarda