0
136
Viewsmostrando datos de matriz en reaccionar. la salida no llega
cuando estoy imprimiendo console.log(response.data) en la consola debajo de la salida.
Creé un gancho const [resultado, setResult] = useState ([]);
y luego la salida de la API que configuré como
setResult(response.data); cuando escribo debajo del código, solo está imprimiendo " Data is" . no está imprimiendo la salida del result
<h1> Data is { result.map((res:any)=>{ {res.id}; }) } </h1>que error estoy haciendo
1 answers
Answer question0
Toda la lógica de tu código está bien. Está utilizando el useState Hook correctamente. Y los datos que pasa al estado son una matriz que funcionará bien con el método map() . El único problema que veo es que su método map() no está bien implementado.
Prueba esto en su lugar:
<h1> Data is { result.map((res:any)=>{ return <p>{res.id}</p> }) } </h1> El método map() siempre devuelve algo. Cuando se trata de una sola línea, no es necesario escribir retorno.
<h1> Data is { result.map((res:any) => res.id ) } </h1>Para imprimir varias propiedades del objeto:
<h1> Data is { result.map((res:any) => { return [ <div key={res.id}> <p>{res.id}</p> <p>{res.name}</p> <p>{res.createdAt}</p> </div> ] }) } </h1>