提问人:Drake 提问时间:10/28/2023 最后编辑:Mark RotteveelDrake 更新时间:10/30/2023 访问量:27
有没有办法定义状态,不绑定到组件树 - 比如 svelte/store
Is there any way to define state, non-bound to the componenttree - like svelte/store
问:
我最近看了一下 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。
答:
0赞
Harsh Mangalam
10/30/2023
#1
你可以像使用 React Context 一样使用 Context api 来定义组件之外的状态。
评论