如何解决如何将苗条存储作为承诺而不是带有订阅的对象返回
我有一个像 this example 这样的苗条商店:
store.ts
import { writable } from 'svelte/store';
export const count = writable(0);
test.svelte
function increment() {
count.update(n => n + 1);
}
我可以得到这样的值:
app.svelte
const unsubscribe = count.subscribe(value => {
count_value = value;
});
但是是否可以使用 await / Promise 而不是带有 subscribe 的 observable-like 对象来只获得一次的值?
示例:
const count-value = await count.toPromise();
显然 toPromise
不存在于 Writable 对象上,但我认为可能通过 rxjs、internal svelte 或 wonka 可能有一个选项或某种变通办法。
解决方法
我不知道 Svelte 商店有任何承诺 API。如果只想获取一次值,可以使用 get。
import { get } from 'svelte/store';
const countValue = get(count);
虽然在热代码路径中不推荐这样做。来自文档:
这是通过创建订阅,读取值,然后取消订阅来实现的。因此不推荐在热代码路径中使用。
,你也可以写:
import { writable } from 'svelte/store';
const count = writable(0);
function increment() {
$count += 1;
console.log($count);
};
increment();
或者与 setContext 和 getContext 共享一个计数器
counter.svelte:
import { setContext } from 'svelte';
let count = 10;
setContext('counter',{
get count() {return count},increment: () => {count += 1},getCount: async () => {return await count}
});
increment.svelte:
import { setContext } from 'svelte';
const counter = getContext('counter');
counter.increment();
getters.svelte:
import { getContext } from 'svelte';
const counter = getContext('counter');
console.log(counter.count);
counter.getCount().then((c) => console.log(c));
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。