add example for reactive declaration with a function? #4785

lingtalfi · 2020-05-05T15:13:37Z

Hi, I was trying this code and it didn't work:

   let uFiles = [];
   $: totalSize = getTotalSize();

    function getTotalSize() {
        let total = 0;
        uFiles.forEach(uFile => {
            if (uFile.size) {
                total += uFile.size;
            }
        })
        return total;
    }

When I clicked a remove button which removed an uFile (by updating the uFiles array), the totalSize variable wasn't updated.
So I found that this was working:

    let uFiles = [];
    $: totalSize = getTotalSize(uFiles);

    function getTotalSize(_uFiles) {
        let total = 0;
        _uFiles.forEach(uFile => {
            if (uFile.size) {
                total += uFile.size;
            }
        })
        return total;
    }

Re-reading the docs, I saw that this was explained, but kind of hidden (https://svelte.dev/docs#3_$_marks_a_statement_as_reactive).

I believe adding an explicit example with a function call wouldn't hurt much, but would make things much easier to grab, rather than discovering through error/trial.

Conduitry added the docs label May 5, 2020

Apr	MAY	Jun
	28
2019	2020	2021

sveltejs / svelte

add example for reactive declaration with a function? #4785

add example for reactive declaration with a function? #4785

lingtalfi commented May 5, 2020 •

edited

sveltejs / svelte

Join GitHub today

add example for reactive declaration with a function? #4785

add example for reactive declaration with a function? #4785

Comments

lingtalfi commented May 5, 2020 • edited

lingtalfi commented May 5, 2020 •

edited