Loading...
JavaScript, React, TypeScript 등 학습하며 정리
컴포넌트 분리 & props 전달 기본 패턴
Daeya
FrontendJeongdae
Publisher클릭하여 복사
1function ProfileCard({ profile }) {
2 return (
3 <Card>
4 <h4>{profile.name}</h4>
5 <p>{profile.role}</p>
6 {profile.tags.map((t) => <Badge key={t}>{t}</Badge>)}
7 </Card>
8 );
9}
10
11const profiles = [...];
12return profiles.map((p) => <ProfileCard key={p.name} profile={p} />);