3.props

3. `Props`

Props란 Properties의 줄임말로, 상위 컴포넌트에서 하위 컴포넌트로(오직 단방향) 전달되는 데이터를 의미

이러한 Props는 컴포넌트들 간에 데이터를 주고받기 위한 가장 기본적인 방법 중 하나


<div id="root"></div>
<script> <!-- type="text/babel" -->
	// 1.props
	const Component = (props) => {
		console.log(props); // { value: '월드' }, props는 객체 형태로 전달됨
		return (
			<div>
				<h1>헬로 {props.value}</h1>
				{/* '헬로 월드' */}
			</div>
		)
	};
	const root = ReactDOM.createRoot(document.getElementById('root'));
	// props를 통해 값을 내려줄 수 있음
	root.render(<Component value='월드'/>);
</script>

Tip.
Props로 데이터 뿐만이 아니라 컴포넌트, 함수도 전달할 수 있음

3. Props

3. `Props`