인프런 커뮤니티 질문&답변

leejha님의 프로필 이미지
leejha

작성한 질문수

[React / VanillaJS] UI 요소 직접 만들기 Part 2

셀렉트박스 (2/5) headless #1 context 적용

dropdown 내부에서 data의 타입을 알아야 할까요?

해결된 질문

작성

·

114

0

앞선 질문들에서 친절하게 답변주셔서 감사합니다! 항상 많이 배우고 있습니다

 

<Dropdown.Provider>
  <Dropdown.Container>
   <DropDown.Trigger>
   <Dropdown.List>
     {data.map((item) => (
        <Dropdown.Item key={item.key} />
      )}
    </Dropdown.List>
  </Dropdown.Container>
</Dropdown.provider>

가독성이 조금 떨어지지만 createDropdown을 만들지 않아도 되고, 제네릭으로 타입을 복잡하게 주지 않아서 이 방법도 괜찮을 것 같은데 어떨까요?!

답변 1

0

정재남님의 프로필 이미지
정재남
지식공유자

질문을 정확히 이해하지 못한 것 같아 확인차 다시 여쭙습니다.
DropdownItemType을 DropdownProps에 전달하지 않으면 어떨지 궁금하다는 말씀이실까요?
해당 아이디어를 테스트해보지 않은 상태로 가능성 여부를 물으신 게 맞나요?

제가 이해한 것이 맞다는 전제 하에 답변 드려보자면,

제가 생각하기에는 DropdownProps에는 items가,
DropdownDispatchProps에는 setItems가 DropdownItemType을 사용하고 있기 때문에
제거할 수가 없을 것 같습니다.

혹시 다른 방식으로 풀어낼 수 있을지는 저도 잘 모르겠네요.
궁금합니다. 직접 테스트 해주시면 좋을 것 같아요.
성공하시면 저한테도 가르쳐 주시면 감사하겠습니다.

leejha님의 프로필 이미지
leejha

작성한 질문수

질문하기