드롭다운 구현으로 알아보는 Generic을 사용하는 React props

0. 배경 React의 props로 Generic을 넘겨줘야 할 일이 종종 있는데 대표적으로 드롭다운(셀럭터)를 만들 때가 바로 그렇다. 직관적으로 생각해보면 새로 컴포넌트 인스턴스를 생성할 때 적절한 타입을 캐스팅 해주면 되지 않을까 싶은데 React.FC에서 Generic이 지원되지 않는다는 점에서 문제가 일어난다. 이 글에서는 드롭다운에서 Generic을 왜 넘겨줘야하는지 그 전략과 어떻게 해결했는지 공유해보려고 한다. 1. 왜 제네릭을 사용하려고 하는가? onChangeSortFilter(item.customData)} /> 드롭다운을 구현할 때 크게 고려해야할 것은 두 가지이다. UI로 나타낼 string. 상태관리 등 내부 로직에 필요한 커스텀 데이터. 드롭다운을 클릭 했을 때 부모 컴포넌트에..

2023.01.19