비제어 컴포넌트가 뭘까?

이번에 웹 프론트엔드 면접을 보면서 이런 질문을 받았다.

 

"혹시 react 에서 제어 컴포넌트와 비제어 컴포넌트에 대해서 설명해주실수 있으세요?"

 

나는 .. 순간 너무 당황했다. 그래도 리액트한지 이제 1년이 다 되어가는 상황에서 웬만한 개념은 다 알고는 있다고 생각했는데

그건 나의 큰 오산이였다.

정말 무슨말인지 몰라서 한동안 침묵으로 시간을 보냈던거 같다.

그래서~ 포스팅하는 비제어컴포넌트는 무엇인가! ㅋㅋ

 

비제어 컴포넌트

DOM 자체에서 formData 가 다루어짐

모든 state update 에 대해서 이벤트 핸들러를 작성하지만

비제어 컴포넌트를 만들려고 하면 ref 를 사용해  DOM 에서 폼값을 가져올수 있다.

 

제어 컴포넌트

대부분의 경우에 form 을 구현하는데 있어서는 제어 컴포넌트는 사용 권장

formData 는 react 컴포넌트에서 다뤄짐