inflearn logo
강의

Khóa học

Chia sẻ kiến thức

[React/VillaJS] Tự tạo các phần tử UI Phần 2

Hộp chọn (2/5) headless #1 áp dụng context

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

Đã giải quyết

199

leejha

3 câu hỏi đã được viết

0

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

 

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

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

react typescript dom ui vanilla-js

Câu trả lời 1

0

jaenam

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

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

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

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

nmp run build의 기능

0

0

0

plan mode 개발 계획안 확인 불가

0

3

1

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

9

1

max x5 플랜을 결제했습니다.

0

16

1

클로드 초기 설정

0

16

1

사용자 스코프 설정 파일 적용 문제

0

10

1

클로드코드 유료플랜 할인 방법이 있을까요?

0

29

0

제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.

0

12

1

API Error : 400 에러의 원인과 해결방법이 궁금합니다!!

0

19

2

퍼미션 권한 설정 문의

0

22

2

Next.js + Tanstack Query BFF 구조 질문

0

16

1

커서에서 shift+enter가 안됩니다.

0

24

2

제네릭을 사용하실 때 콤마

0

167

2

popover createPortal 방식에서

0

147

2

스낵바를 만들 때 snackBarContext와 snackBarSetContext

0

146

2

snackbar를 createportal를 썻을 때 갯수 조절이 가능한가요?

0

193

1

useCallback, useMemo의 차이에 대해서 궁금합니다.

0

365

1

createPortal 활용해서 modal 만들 때 활용한 MutationObserver 코드 관련 질문

0

356

3

강의자료 (보일러플레이트) 다운로드 관련 질문

0

256

1

모달만드는 방식 질문

0

243

1

캐러셀 동작원리

0

306

2

Provider를 외부에 노출하는 것보다 내부 로직으로 숨기는 것은 어떤가요?

0

288

2

keyEventMap를 전역에 구현하신 이유가 궁금합니다!

0

272

2

테일윈드로 포탈로 모달작성시 뒤에 클릭이 안됩니다

1

316

2