有没有办法定义状态,不绑定到组件树 - 比如 svelte/store

Is there any way to define state, non-bound to the componenttree - like svelte/store

提问人:Drake 提问时间:10/28/2023 最后编辑:Mark RotteveelDrake 更新时间:10/30/2023 访问量:27

问:

我最近看了一下 Qwik,很喜欢我所看到的大部分内容。 可悲的是,我没有找到任何方法来定义组件之外的状态。我也找不到任何可以与 Qwik 一起使用的状态管理库(我唯一的希望是 nanostores)。

那么,我是否没有看到某些内容,或者没有办法在 Qwik 中的组件之外创建状态?

在 Svelte 中,我会这样做:

store.ts

import { writable } from "svelte/store";
export const count = writable(0);

App.svelte

<script lang="ts">
  import CountIndicator from './components/CountIndicator.svelte';
  import Counter from "./components/Counter.svelte";
</script>

<main>
  <Counter />
  <CountIndicator/>
</main>

Counter.svelte

<script>
  import { count } from "../store";
</script>

<div class="counter">
  <button on:click={() => $count--}>-</button>
  <span>{$count}</span>
  <button on:click={() => $count++}>+</button>
</div>

我查看了 Qwik 和 Qwik City 文档。我还检查了纳米存储,因为它们甚至支持solid.js。

状态管理 QWIK

评论


答:

0赞 Harsh Mangalam 10/30/2023 #1

你可以像使用 React Context 一样使用 Context api 来定义组件之外的状态。

https://qwik.builder.io/docs/components/context/