[React] 6. props (map 사용방법)

 

 

 

 목차

1. props 란?
   1. props의 특징
2. props 사용 예제
3. map의 사용
   1. map의 기본 형태
   2. 사용 예제

 

 

 

1. props 란?

• properties의 약자로 '상태 값' 도는 '속성을 나타내는 데이터'를 의미
• 부모 Componente가 자식 Componente에 값을 전달할 때 사용

 

 

1) props의 특징

• props는 객체이므로 내부 변수들을 사용할 수 있다 (ex. props.name)
• props는 직접 데이터 수정이 불가능

 

 

2. props 사용 예제

• 부모 Component에서 데이터(name) 입력 
• 자식 Component로 데이터가 전달(props)되어 사용(props.name)
  * props는 객체이기 때문에 props를 직접적으로 사용하지 못하고, props.element 로 요소를 특정하여 사용할 수 있다

 

 

 

 

3. map의 사용

1) map의 기본 형태

 

 

 

2) 사용 예제

• 배열 만들기
• 배열을 map으로 만들기