[React] Component화 활용하기

무분별하게 component를 쪼개면 나중에 데이터를 받아왔을 때 데이터를 활용하기 까다롭다

 

예를 들어

최상위 컴포넌트에서 데이터를 받아왔다고 하자

 

사이즈 컴포넌트가 있고

색상 컴포넌트도 있고

이렇게 있다고 한다면 보통

 

color에 관한 컴포넌트를 하나 만들고

size에 관한 컴포넌트를 하나 만든다

하지만 데이터를 같이 공유하고 있고 그 데이터를 나중에 백엔드 쪽으로 넘겨줘야 한다면 이 두 개의 컴포넌트는 자식 컴포넌트가 되어 최상위 컴포넌트에 있는 데이터를 자식 컴포넌트에 내려줘야 하기에 이 과정에서 데이터를 주고받는 게

복잡해질 수 있기 때문에 하나의 컴포넌트로 활용하는 게 좋은 방법 일 수 있다