Sveltekit商店使用Supabase .select

Question

如果在我当前的.svelte文件中

let todos = [];

onMount(async () => {
let { data, error } = await supabase .from('todos') .select('*')
todos = data;

但我不认为这很有效率，

在我的store.js文件中，是否应该将其写为

export const todos = writable([])

export const loadTodos = async() => {
let { data, error } = await supabase
.from('todos')
.select('*')
todos = data;
}

我不确定这是否是正确的，但如果是，我如何调用它回到我的.svelte文件加载呢？

Answer 1

找到答案了

import { writable } from 'svelte/store';
import supabase from '$lib/db';

export const todos = writable([]);


export const getTodos = async () => {
    let { data, error } = await supabase.from('todos').select('*');
    if (!error) {
        todos.set(data);
    }
};

在纤细的档案里。

<script>
    import { onMount } from 'svelte';
    import { todos, getTodos } from '$lib/stores/test';
    getTodos();
</script>

<div>
    {#each $todos as task}
        {task.task}
        
    {/each}
</div>

现在，了解如何删除和更新