Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

내 공부 일지

porps 더 간결하게 전달하기 본문

study

porps 더 간결하게 전달하기

liujjang 2024. 1. 3. 17:19

프롭스를 전달할 때 스프레드 문법을 쓰면 더 간결하게 전달 할 수 있다.

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