Astro 컴포넌트 간 상태 공유
프레임워크 컴포넌트를 사용하시나요? 아일랜드 간 상태 공유 방법을 참조하세요!
Astro 웹 사이트를 구축할 때 컴포넌트 간 상태를 공유해야 할 수도 있습니다. Astro는 공유 클라이언트 스토리지로 Nano Stores 사용을 권장합니다.
레시피
섹션 제목: 레시피-
Nano Stores를 설치합니다.
-
스토어를 만드세요. 이 예시에서 스토어는 대화 상자가 열려 있는지 여부를 추적합니다.
-
상태를 공유할 컴포넌트의
<script>
태그에 있는 스토어를 가져와 사용합니다.다음
Button
및Dialog
컴포넌트는 각각 공유된isOpen
상태를 사용하여 특정<div>
를 숨길지 표시할지 여부를 제어합니다.