如何解决键入 svelte $store 变量
我想知道是否可以输入自定义苗条商店的美元符号值?
来自this example:
app.svelte
<script>
import { count } from './stores.js';
</script>
<h1>The count is {$count}</h1>
<button on:click={count.increment}>+</button>
<button on:click={count.decrement}>-</button>
<button on:click={count.reset}>reset</button>
stores.js
import { writable } from 'svelte/store';
function createCount() {
const { subscribe,set,update } = writable(0);
return {
subscribe,increment: () => {},decrement: () => {},reset: () => {}
};
}
export const count = createCount();
如何使用自己的打字稿界面键入变量 {$count}
?
感谢您的帮助
解决方法
您可以将 stores.js
重命名为 stores.ts
并添加类型,例如:
import { Writable,writable } from "svelte/store"
import { writable } from "svelte/store"
type CountStore = {
subscribe: Writable<number>["subscribe"]
increment: () => void
decrement: () => void
reset: () => void
}
function createCount(): CountStore {
.
.
.
编辑:
您不需要定义类型,Typescript 做得很好,因此您只需将原始文件从 js
重命名为 ts
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。