스토리북에서 useContext 사용하기
Storybook
[닫기]
🎯 이 문서를 읽고 난 후의 상태
- 스토리북에서
useContext
를 사용하는 방법을 이해한다. - 스토리 작성시
decroator
가 무엇인지 이해한다.
🤔 상황
스토리북 작성 중 발생한 순환 참조 에러 해결하기: Dropdown 컴포넌트 사례 분석
위의 글에서 순환 참조 문제를 해결하고, 이제 진짜로 스토리를 작성하는 일만 남게 되었다.
DropdownTrigger
는 useContext
를 사용하고 있었는데, 이를 스토리북에서 어떻게 사용해야 할지 감이 잡히지 않았다.
그래서 이걸 어떻게 해결했는지 서술하고자 한다.
🤔 decorator
란?
스토리북(Storybook)에서 데코레이터(Decorator)는 특정 스토리에 대해 추가적인 설정이나 스타일링, 또는 컨텍스트를 제공할 때 사용되는 기능이다.
주로 컴포넌트의 렌더링을 제어하거나, 공통된 UI 요소를 모든 스토리에 적용하고 싶을 때 사용된다.