1

我有一个像这样从这个例子中提取的苗条商店：

store.ts

import { writable } from 'svelte/store';

export const count = writable(0);

test.svelte

function increment() {
    count.update(n => n + 1);
}

我可以像这样得到值：

应用程序.svelte

const unsubscribe = count.subscribe(value => {
    count_value = value;
});

但是是否有可能使用 await / Promise 而不是使用 subscribe 的类似 observable 的对象只获取一次值？

例子：

const count-value = await count.toPromise();

显然toPromise不存在于Writable对象上，但我认为可能通过rxjs、internal svelte或wonka可能有一个选项或某种解决方法。

4

2 回答 2

1

你也可以写：

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} 
  });

增量.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));
于 2021-02-19T20:51:21.610 回答
1

我不知道任何带有 Svelte 商店的 Promise API。如果您只想获取一次值，可以使用get。

import { get } from 'svelte/store';

const countValue = get(count);

尽管在热代码路径中不建议这样做。从文档：

这通过创建订阅、读取值然后取消订阅来实现。因此不建议在热代码路径中使用。

于 2021-02-19T17:54:48.353 回答