비구조할당으로 argument 처리하기

비구조할당

 

arg로 파싱할때 사용

function FoundMovieCount({ count }: { count: number }){return }

 

인자로 받는게 헷갈리므로 정리하기

 

 

{}로 받는 이유는 객체를 받을때. type으로 따로 지정했기 때문에 {}로 쓴다.

{}를 통해 필요한 것만 가져오는 구조분해를 하는 것이다. 

 

type으로 따로 props를 만드는 이유는

들어오는 데이터가 하나가 아니라 여러개인 경우 깔끔해지기 때문임. 

type MovieListProps = {
  movies: Movie[]; // movies라는 속성이 Movie 배열 타입임을 지정
};

export default function MovieList({ movies }: MovieListProps) {
  return movies.map((movie) => <div key={movie.imdbID}>{movie.Title}</div>);
}