[react] 부모에서 자식 Component 값 전달

function App() {

	var num = 1;

	return(
    	<div>
        	<Modal num={num}></Modal>
        </div>
    );
}

function Modal(props) {
	return(
    	<div>{props.num}</div>
    );
}

화면에 1 표시

 

props라는 문법으로 state를 전송한 뒤에 { props.state이름 } 이렇게 써야한다.