Este es uno de mis componentes en el proyecto llamado Posts.jsx que muestra todas las publicaciones recibidas de un componente, pero tan pronto como renderizo el componente, la página se queda en blanco mostrando:
Uncaught TypeError: Cannot read properties of undefined (reading 'map').¿Aunque escribo posts?. mapas... no funciona. Por favor, ayúdame con esto.
import Post from "../post/Post"; import "./posts.css"; export default function Posts({posts}) { return ( <> <div className="posts"> {posts.map((p) =>{ {console.log(p)} <Post post = {p} /> })} </div> </> ); }Tus posts de utilería no están undefined . Verifique qué valor pasa al componente y asegúrese de que sea una matriz.
El problema es que importó la Post con una P mayúscula y está tratando de mapear post con una p minúscula. Use este código para corregirlo.
import Post from "../post/Post"; import "./posts.css"; export default function Posts({posts}) { return ( <> <div className="posts"> {Posts.map((p) =>{ {console.log(p)} <Post post = {p} /> })} </div> </> ); }