목록Single Source of Truth (1)

ejyoo's 개발 노트

제어 컴포넌트와 비제어 컴포넌트의차이

React 폼 요소 다루는 방법 React 에서 폼 요소를 다루는 방법에는 제어 컴포넌트, 비제어 컴포넌트 두 가지 접근법이 있다. 제어/비제어 컴포넌트의 사전적 의미 이 둘의 사전적 의미는 아래와 같다. 1) 제어 컴포넌트 (Controlled Component) : React 에서 값을 제어하는 컴포넌트. 폼 요소의 상태를 React의 state로 관리하고, 값을 변경하기 위해서 이벤트 핸들러를 사용한다. 2) 비제어 컴포넌트 (UnControlled Component) : DOM 자체에 데이터를 저장하고 있고, 값을 직접 DOM 으로부터 가져옴. 'ref'를 사용하여 접근한다. 이 사전적 의미만으로 와닿지 않기에 각 컴포넌트의 자세한 내용과 그에 대한 예제를 살펴본다. 제어 컴포넌트 위에서 언급했듯..
FrontEnd/React 2023. 8. 31. 04:18
이전 Prev 1 Next 다음