Entonces, estoy tratando de abrir un menú, pero el problema es que estoy mostrando que la composición postMenu (Posts.js) es una matriz. Entonces, cuando muestro el menú, aparece en todas las publicaciones.

Posts.comp.js (Donde estoy mostrando el postMenu)

 const dispatch = useDispatch(); const { isLoading, posts, ownerInfo, postsMenuIsOpen } = useSelector( (state) => state.posts ); // other code... {posts && posts.map(({ textfield, image, ownerId }) => ( <div className="px-3 pt-2 pb-1 border border-gray-100 m-1"> <PostsMenu /> {ownerInfo && ownerInfo.map(({ _id, displayname, username, profilePic }) => ( <div> // html code...

PostsMenu.comp.js (donde está el código del menú)

 import React from "react"; import { useSelector } from "react-redux"; function PostsMenu() { const { postsMenuIsOpen } = useSelector((state) => state.posts); return ( <div className={ postsMenuIsOpen ? `absolute w-[70%] bg-red-500 z-50` : `hidden` } > PostsMenu </div> ); } export default PostsMenu;

Por favor, hágamelo saber si necesita más información.

¡Gracias por adelantado!