제어 컴포넌트는 입력값을 state를 거쳐 화면으로 돌려보낸다

input의 value는 state에서 오고 onChange는 새 값을 state에 저장한다. 그래서 화면 값과 React 상태가 하나의 원천으로 묶인다.

제어 컴포넌트는 입력값을 state를 거쳐 화면으로 돌려보낸다input의 value는 state에서 오고 onChange는 새 값을 state에 저장한다.…
1

01 State

value 보유

2

02 Input

value prop

3

03 onChange

사용자 입력

4

04 setState

state 갱신

핵심제어 컴포넌트는 DOM 입력값을 React state의 결과로 만들 때 안정적이다.