08_05 메모

props 받아올 때

export default function TopGenre(list)

export default function TopGenre({ list })

차이는

console에 찍어보면 위에껀 list : [ ... ] 이런식으로 props 전체를 받아오지

{list}로 해주면 props에서 list 속성만 구조분해로 받아와서 [ ... ]로 바로 나온다.

 

 

{list.map((el: string) => {

이걸로 쓰면 jsx 쓸 때 return ( jsx ) 를 적어줘야된다.

그래서

{list.map((el: string) => ( jsx ) } 이런식으로 적어주는게 좋다.

 

 

str = [ [ "dd" , "33" ] ] 이런식의 type은 string[][]

 

props 타입

interface 이름 {

   props이름 : {

          데이터 타입
   }

}