index.js에서 PostCard에 key props질문입니다.

깃헙 코드에 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만 사용하던데

네네 맞습니다. map 안에 넣는 건 다 key를 붙여준다고 생각하시면 됩니다.