input 컴포넌트의 onChange를 외부에서 주입받는 방식에 대해...

Question

안녕하세요 React에서 input 공통 컴포넌트를 만드는데 질문 있습니다.
input 컴포넌트의 onChange 이벤트를 prop으로 외부에서 주입받는게 맞을까요? 아니면 input 컴포넌트 내부에서 자체적으로 onChange 이벤트를 처리하는게 맞을까요?

퍼널 형식으로 되어 있는 각 페이지마다 input으로 데이터를 받아서 전역 데이터에 넣으려고 합니다
예를 들면, 가입 절차나 설문 조사같은 페이지요!

김태우 · Answer

저라면 input의 공통 컴포넌트라면 onchange로 넘겨줄 거 같네요!

타입스크립트 기준으로 props 타입을 React.ComponentProps<input>으로 지정하면 onchange 뿐만 아니라 input의 속성을 모두 넘겨줄 수 있게 되고 추후 리팩토링을 위해서도 편하기 때문입니다.

어느 방법이 맞는 것인지는 판단할 수 없을 거 같고 코드 짜는 사람마다 다를 거 같아요.

추후 리팩토링 업데이트 등을 고려했을 때 편리한 방법으로 가시는 것이 좋다고 생각합니다!