📖 State & Props
📚 Props의 특징
- 컴포넌트의 속성을 의미합니다. 변하지 않는 외부로부터 전달받은 값으로, 웹 어플리케이션에서 해당 컴포넌트가 가진 속성에 해당합니다.
- 상위 컴포넌트로부터 전달받은값입니다. 컴포넌트가 최초 렌더링 될 때에 화면에 출력하고자 하는 데이터를 담은 초기값으로 사용할수 있습니다.
- 객체 형태입니다.
- 읽기 전용입니다. 함부로 변경될 수 없는 읽기전용(read-only)객체 입니다. React는 단방향,하향식 데이터 흐름 원칙입니다.
✅ Props.childern
props 를 전달하는 다른방법으로 여는 태그와 닫는 태그의 사이에 value를 넣어 전달할수 있습니다.
function Parent() {
return(
<div class="parent">
<h1>I'm the parent</h1>
<Child>I'm the eldest child</Child>
</div>
);
}
fucntion Childe(Props){
return (
<div className="child">
<p>{props.children}</p>
</div>
);
}- usestate를 호출한다는 것은 state라는 변수를 선언하는 것과 같습니다.
- 일반적인 변수는 함수가 끝날 때 사라지지만,state 변수는 React에 의해 함수가 끝나도 사라지지 않습니다.
Hi