Fix: map rendering 시 key 값 부여

hyunji-lee99 · Nov 15, 2023 · dadec42 · dadec42
1 parent 7dc73f3
commit dadec42
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Board/BoardList.tsx b/src/components/Board/BoardList.tsx
@@ -41,9 +41,9 @@ export function BoardList() {
     },[])
 
     function RenderBoardContent(){
-        const ReturnRenderBoardContentboard=board?.map((data)=>{
+        const ReturnRenderBoardContentboard=board?.map((data,id)=>{
             return(
-            <BoardContent author={data.author} content={data.content}></BoardContent>
+            <BoardContent key={id} author={data.author} content={data.content}></BoardContent>
             );
         })
         return ReturnRenderBoardContentboard;

diff --git a/src/components/Project/ProjectImageSlider.tsx b/src/components/Project/ProjectImageSlider.tsx
@@ -100,9 +100,9 @@ function ProjectImageSlider(prop:ProjectImageSliderProp) {
     }
 
     const RenderImage=()=>{
-        const ReturnRenderImage=prop.imageList.map((image)=>{
+        const ReturnRenderImage=prop.imageList.map((image,id)=>{
             return(
-                <ImageDiv>
+                <ImageDiv key={id}>
                     <Image src={image}></Image>
                 </ImageDiv>
             )

diff --git a/src/components/Skill/SkillDetail.tsx b/src/components/Skill/SkillDetail.tsx
@@ -72,9 +72,9 @@ export function SkillDetail(subject:SkillDetailProps){
         Data=EtcSkillSet;
     }
     const ReturnRenderData=Data.map(
-        (data)=>{
+        (data,id)=>{
           return (
-            <SkillLogoAndName>
+            <SkillLogoAndName key={id}>
                 <SkillLogo src={data.img}></SkillLogo>
                 <SkillName>{data.title}</SkillName>
             </SkillLogoAndName>