props

props(properties) 란?

• 어떠한 값을 컴포넌트에게 전달해줘야 할 때, props를 사용
  • 컴포넌트끼리 값을 전달하는 수단! 
• 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용함
  • 단방향 데이터 흐름을 갖는다는 것을 알 수 있다.
• props는 수정할 수 없다 !
  • 자식입장에서는 읽기 전용 데이터임

---

예제

// App.js
function App() {
	return (
    	<div className = 'App'>
        	<MyName name="sumin" />
        </div>
       );
 }
 
 export default App;

//MyName.js
function MyName(props) {
	return <h1>Hello, {props.name}!</h1>
}

export default MyName;