[React] Controlled Props Pattern

개념

기본적인 IoC 제어 컴포넌트 패턴

컴포넌트 내부에 정의된 state 값을 변경하는 로직을 사용하지 않고, prop을 통해 외부에서 들어온 상태 값과 콜백 함수를 사용함으로써 외부에서 컴포넌틔 상태를 컨트롤할 수 있게 한다.

 

특징

단순한 상태 값을 가지는 컴포넌트에서는 아주 유용.

상태 값이 여러 개고 해당 값을 컨트롤 하기 위한 콜백 함수가 많아지면, 오히려 정의해야 하는 함수와 컴포넌트의 프로퍼티가 많아져서 사용성에 문제가 발생 할 수 있음

 

 

See the Pen React 18 Template by Daewoong Kim (@daewoong-kim) on CodePen.