[React] Props와 State 차이점, 렌더링

렌더링(Rendering) : 사용자 화면에 뷰를 보여 주는 것

 

⭐ Props와 State 

: React에서 구성 요소가 데이터를 받거나 처리하고 보내기 위해 사용됨

Props

• 불변의 데이터
• 부모로부터 전달됨
• 변경 불가
• 속성값

State (상태)

• 가변 데이터
• 구성 요소에 의해 유지
• 변경 가능
• 상태값

🔔 Props와 State 차이점

Props

• 외부(부모 컴포넌트)에서 상속 받는 데이터, 데이터를 변경할 수 없음

State (상태)

•  내부(컴포넌트)에서 생성하고 활동하고, 데이터를 변경할 수 있음