props vs state in React

Props란?

• properties의 줄임말
• 컴포넌트는 상속하는 부모 컴포넌트로부터 props를 받고 이 props는 상속받은 컴포넌트 내에서 수정 불가능
• 리액트는 부모>자식의 일방향성 상속
• this.props.xxx
• 읽기전용이고 부모 요소에서 설정
• 초깃값과 자료형의 유효성 검사 가능

State란?

• state = 컴포넌트의 상태
• 컴포넌트의 내부에서 선언되므로 => 변할 수 있는 값
• state로 사용하는 것 = 컴포넌트의 상태값을 나타내기 위한 것
  ex) 리스트에서 선택된 값, 체크박스에서 체크된 값, 텍스트 박스의 텍스트
• 상태에 따라 변화 가능
• 직접 변경 가능
• state가 변경되면 컴포넌트 다시 렌더링
• 외부에는 비공개되고 컴포넌트 스스로 관리해야함

출처 : https://singa-korean.tistory.com/37