State
- 컴포넌트 내부에서 사용자가 발생시키는 이벤트에 따라 유동적으로 변경되어야 하는 변수/객체 등을 관리하는 방법
- 컴포넌트가 재실행 된다.
- 사용자가 입력 박스에 키를 입력한다.
- 사용자가 Select 박스에서 값을 선택한다.
- 사용자가 Checkbox 의 아이템을 선택한다.
- 사용자가 Radio 의 아이템을 선택한다.
- 사용자가 Server에 새로운 데이터를 요청한다. 등등
Props와 State의 차이점
- Props는 부모 컴포넌트로 부터 받아오는 읽기 전용 데이터
- State는 컴포넌트가 직접 관리하는 수정 가능한 데이터
Props와 State의 공통점
- Props / State의 값이 변경될 경우, 이를 감지해 컴포넌트를 다시 실행시킨다.
변경된 내용으로 브라우저에 보여주기 위해서!
state (컴포넌트 Life-Cycle)
state 실습해보기
저장 버튼을 누를 때마다 배열로 계속 저장이 되어 출력되는 기능
코드를 입력하세요컴포넌트에는 여러 데이터가 전달될 수 있어야한다.
컴포넌트의 확장성을 위해서 App.js에 다른 컴포넌트의 이벤트들을 넣어서 관리한다.
