[React.js] Kossie Coder - 11강. 컴포넌트와 props 데이터 보내기 복습

1. Movie Component

import React from "react";

const Movie = ({movie}) => {
	return (
		// 여기서는 key 값을 주지 않는다.
		<div className="movie">
			<div className="movie-title">{movie.title}</div>
			<div className="movie-year">{movie.year}</div>
		</div>
	);
};

export default Movie;

2. App.js

...
	const renderMovies = movies.map(movie => {
		return (
			// 키 값을 컴포넌트에 달아주면 된다.
			<Movie movie={movie} key={movie.title}/>
		);
	});
...

---

강의 링크

https://youtu.be/lzyXJWg7Tm4