인프런 커뮤니티 질문&답변

깃헙 코드에 ch4/front/pages/index.js에

import React from 'react';
	import { useSelector } from 'react-redux';
	import PostForm from '../components/PostForm';
	import PostCard from '../components/PostCard';
	const Home = () => {
	const { isLoggedIn } = useSelector(state => state.user);
	const { mainPosts } = useSelector(state => state.post);
	return (
	<div>
	{isLoggedIn && <PostForm />}
	{mainPosts.map((c) => {
	return (
	<PostCard key={c} post={c} />
	);
	})}
	</div>
	);
	};
	export default Home;

이렇게 되어있는데요. PostCard 컴포넌트에 key값이 있는건  index.js내에 카드가 여러개 생길때 key값때문에 넣은게 맞나요? 

PostCard 컴포넌트 내부에서는 post props만 사용하던데