props

하나의 컴포넌트에 선언되어 있는 변수, 객체 등의 값들을 다른 컴포넌트에게 전달할 수 있게 해준다

  import React, {useState} from 'react';

  function App(){
	
    let title = '이번달';
    //destructuring ['1월','2월','3월'],setState(?); 
    let [day, setDay] = useState(['1월', '2월', '3월']);
    
    return(
      	 // props로 전달할 값 설정
         <Prc title={title} day ={day} color='red' />   
      );
  }
  
// 객체의 프로퍼티처럼 사용
 function Prc(props){
  	<div>
     <h1 style ={[color='red']}>props.title</h1>
     <span>props.day[0]</span>
    </div>
 }