[React] State와 Props의 차이

📌 Props

---

Props는 Properties의 줄임말로 State와의 간단한 차이는 변할 수 없는 것이에요.

자바로 따지면 final이 붙은거라고 할 수 있을까요? 주니하랑은 Back End 성향이 강한 것이에요!

Component는 상속하는 부모 Component로 부터 props를 받고 이 props는 상속 받은 Component 내에서 수정이 불가능한 것이에요. React에서는 '부모 > 자식'의 일방향성 상속이라는 특징 때문인 것이에요.

props는 Component가 가지고 있는 다양한 값을 나타내기 위한 존재로 'this.props.~~~'로 나타내는 것이에요.

부모 Component가 자식 Component한테 전달하는 Data(자식 입장)로 읽기 전용인 것이에요.

<Child value = "value" />

 

 

반응형

 

 

📌 State

---

 

 

State는 Component의 상태로 보면 되고, props와 반대로 변할 수 있는 것이에요.

Component의 내부에서 선언 되기 때문인 것이에요.

음.. 자바로 치면 Setter가 있는 멤버 변수일까요??

이러한 state는 외부에 공개하지 않고, Component 스스로 관리하는 것이에요. state로 사용하는 것은 Component의 상태값을 나타내기 위한 것들 (List에서 선택된 값, 체크박스에서 체크된 값, 텍스트 박스의 텍스트 등등)인 것이에요.

 

• 상태에 따라 변화하는 것
• 직접 변경 가능
• state가 변경되면 Component를 Re Rendering
• 외부에는 비공개, Component 스스로 관리해야 하는 것

 

 

 

---

 

주니하랑의 글이 마음에 드셨나요? 구독과 공감! 그리고, 댓글 그리고 방명록은 주니하랑에게 많은 힘이 됩니다.