Início / coding / Perguntas / 78906849
Accepted
Fred Hors
Asked: 2024-08-24 00:42:45 +0800 CST

Existe uma maneira de eliminar um valor derivado de Svelte 5 $?

  • 772

Eu tentei com:

let searchText = $derived(debounce((typedText) => typedText, 2000)(typedText));

Mas searchTextnão está atribuído!

  1. A reprodução com$derived : searchTextnão está atribuída.

  2. A reprodução com$effect() : searchTextatribuição não é rejeitada de forma alguma.

svelte

1 respostas

  1. Best Answer

    Uma debouncefunção só deve ser chamada uma vez , caso contrário serão obtidas novas instâncias com tempos limite independentes.

    Usando um $effect:

    const update = debounce(v => searchText = v, 300);
$effect(() => update(typedText));

    A lógica pode ser agrupada para ser compatível com $derived.by:

    function debouncer(getter, wait, immediate) {
    let current = $state();
    const update = debounce(v => current = v, wait, immediate);
    $effect(() => update(getter()));

    return () => current;
}

let typedText = $state();
const searchText = $derived.by(debouncer(() => typedText, 300));
    • 2

relate perguntas