在 Astro 组件中共享状态
想使用框架组件?请参考 共享状态。
在构建 Astro 网站时,你可能需要在组件之间共享状态。Astro 推荐使用 Nano Stores 来进行客户端的存储共享。
操作步骤
段落标题 操作步骤-
安装 Nano Stores:
-
创建一个存储(store)。在这个例子中,该存储用于跟踪对话框是否打开:
-
在要共享状态的组件的
<script>
标签中导入并使用存储。如下的
Button
andDialog
组件分别使用了共享的isOpen
状态来控制特定的<div>
元素是否隐藏或显示: