Svelte不响应异步函数中所做的更改

Question

有人可以帮忙吗？我不知道如何显示branch.log。在此示例中，svelte不响应branch.log = await event.wait()：

<script>

    // some code is omitted
    
    event.on({
        'branches:update': data => {

            branches = data.branches;

            for (let branch of branches) {
                Object.assign(branch, {
                    log: ['example'],
                    async getLog() {
                        branch.log = await event.wait('log', branch.branch);
                        debugger;
                    },
                });
            }

        },
    });

</script>

{#each branches as branch}
    <div
            on:click={() => (activeBranch = branch)}
            class="list-item"
    >
        { branch.branch }
        <div class:hidden={activeBranch !== branch} class="tools">
            <button on:click={branch.getLog}>log</button>
            <div class:hidden={branch.log.length == 0} class="log">
                {#each branch.log as line}
                    <div class="list-item">{line}</div>
                {/each}
            </div>
        </div>
    </div>
{/each}