Estoy tratando de familiarizarme con NextJS, así que estoy creando un blog simple. Los datos se pasan a través de accesorios y se pueden registrar en la consola dentro de la función de mapa, pero por alguna razón no mostrará ningún HTML en un navegador. no hay errores que mostrar. Prettier en VScode también tuvo que desactivarse porque estaba agregando ";" cada vez que guardaba esta función de mapa
<div> {post.map((post) => { {console.log(post.description + "here")} <h1>post</h1> })} </div>el registro de la consola aparecerá en la consola, pero el h1 se muestra en la pantalla.
¿Alguien tiene algún consejo?
En primer lugar, debe verificar post.map((post) => (...) . Están teniendo la misma post variable de interior a exterior. Debería ser posts.map((post) => (...)) (con posts para el bucle)
la función de map también espera un valor de retorno, pero no ha devuelto ningún valor
<div> {posts.map((post) => { return <h1>post</h1> })} </div>La versión más corta (sin paréntesis)
<div> {posts.map((post) => <h1>post</h1>)} </div> Sugeriría que también tenga una key en los resultados del map que ayudaría a React a reconocer sus elementos únicos en las posts para volver a renderizar
<div> {posts.map((post) => <h1 key={post.id}>post</h1>)} //`post.id` is a unique value </div> <div> {post.map((post) => ( {console.log(post.description + "here")} <h1>post</h1> ))} </div>La función de mapa no devolvía nada. así que agregue el paréntesis o puede usar return() y pegar la sección de la consola