fix: 이벤트 위임 버그 수정

CarrotAuction · Dec 13, 2023 · eb17450 · eb17450
1 parent 6218019
commit eb17450
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/auctionPage/Board/index.tsx b/src/components/auctionPage/Board/index.tsx
@@ -32,11 +32,11 @@ const Board = ({
   const { city, province } = creator;
 
   return (
-    <div className={styles.board}>
+    <div id="board" data-id={id} className={styles.board}>
       <div className={styles.userImage}>
-        <Image data-id={id} src={imageUrl} alt="picture" fill />
+        <Image src={imageUrl} alt="picture" fill />
       </div>
-      <div data-id={id} className={styles.userInfo}>
+      <div className={styles.userInfo}>
         <div className={styles.profile}>
           <Image src={profile} alt="profile" fill />
         </div>

diff --git a/src/components/auctionPage/BoardList/index.tsx b/src/components/auctionPage/BoardList/index.tsx
@@ -13,9 +13,13 @@ const BoardList = ({ Boards }: Props) => {
 
   const gotoDetailBoard = (e: React.MouseEvent<HTMLDivElement>) => {
     const target = e.target as HTMLDivElement;
-    const boardId = target.dataset.id;
-    router.push(`/auction/${boardId}`);
+    if (target.closest('#board')) {
+      const parentChild = target.closest('#board');
+      const id = parentChild?.getAttribute('data-id');
+      router.push(`/auction/${id}`);
+    }
   };
+
   return (
     <div
       onClick={gotoDetailBoard}