File tree Expand file tree Collapse file tree 1 file changed +14
-0
lines changed
Expand file tree Collapse file tree 1 file changed +14
-0
lines changed Original file line number Diff line number Diff line change @@ -27,10 +27,20 @@ const PostGallery = () => {
2727 const [ activeStoryLength , setActiveStoryLength ] = useState ( "전체" ) ;
2828 const [ viewType , setViewType ] = useState < "grid" | "card" > ( "grid" ) ;
2929
30+ const [ posts , setPosts ] = useState ( mockData ) ; // 상태로 관리
31+
3032 const toggleViewType = ( ) => {
3133 setViewType ( ( prev ) => ( prev === "grid" ? "card" : "grid" ) ) ;
3234 } ;
3335
36+ const handleToggleLike = ( postId : string ) => {
37+ setPosts ( ( prevPosts ) =>
38+ prevPosts . map ( ( post ) =>
39+ post . id === postId ? { ...post , isLike : ! post . isLike } : post
40+ )
41+ ) ;
42+ } ;
43+
3444 return (
3545 < div className = " flex flex-col pt-[72px] px-[320px] " >
3646 { /*------ 작품 둘러보기 ------*/ }
@@ -138,6 +148,7 @@ const PostGallery = () => {
138148 colNum = { 5 }
139149 gapX = { 74 }
140150 gapY = { 59 }
151+ onToggleLike = { handleToggleLike }
141152 />
142153 </ section >
143154 < section >
@@ -158,6 +169,7 @@ const PostGallery = () => {
158169 colNum = { 5 }
159170 gapX = { 74 }
160171 gapY = { 59 }
172+ onToggleLike = { handleToggleLike }
161173 />
162174 </ section >
163175 </ div >
@@ -168,10 +180,12 @@ const PostGallery = () => {
168180 colNum = { 5 }
169181 gapX = { 74 }
170182 gapY = { 59 }
183+ onToggleLike = { handleToggleLike }
171184 />
172185 ) }
173186 </ div >
174187 ) ;
175188} ;
176189
177190export default PostGallery ;
191+
You can’t perform that action at this time.
0 commit comments