내 공부 일지
porps 더 간결하게 전달하기 본문
프롭스를 전달할 때 스프레드 문법을 쓰면 더 간결하게 전달 할 수 있다.
function App () {
const giftMoney = [
{name: 'jhon' , money: 200},
{name: 'sam' , money: 300},
{name: 'bell' , money: 500},
];
return (
<div>
<Son {...giftMony[0]} />
<Son {...giftMony[1]} />
<Son {...giftMony[2]} />
</div>
)
}
function Son ({name , money}) {
return (
<div>
<p>name:{name}</p>
<p>money:{money}</p>
</div>
)
}
'study' 카테고리의 다른 글
컴포넌트간 합치기(컴포지션) (1) | 2023.12.06 |
---|---|
기본 css적용 (1) | 2023.12.06 |
props란? (1) | 2023.12.05 |
new Date() (0) | 2023.12.01 |
컴포넌트의 이름은 대문자로! (0) | 2023.12.01 |