Как оставаться реактивностью в стяге между компонентами ⇐ Javascript

[Anonymous]

У меня есть три файла: < /p>
App.svelte:

Код: Выделить всё

import Component from "./Component.svelte"
import {items} from "./store.js"

$items.set("a", { name: "John", index: "a" })
$items.set("b", { name: "Jack", index: "b" })


DIV each:
{#if $items && $items.size > 0}
{#each $items.values() as item}
Name: {item.name}
{/each}
{/if}

Component each:
{#if $items && $items.size > 0}
{#each $items.values() as item}

{/each}
{/if}
< /code>
component.svelte:

import {items} from "./store.js"
let {
index = null,
} = $props()

let data = $state($items.get(index))



< /code>
store.js:
import {get, writable} from "svelte/store";
import { SvelteMap } from "svelte/reactivity";

export let items = writable(new SvelteMap([]))

Интересно, как оставаться реактивностью в элементах Sveltemap . Когда входное значение изменяется, оно должно обновляться в Sveltemap (как это является BED). Я не знаю, как работать с такой реактивностью.

Подробнее здесь: https://stackoverflow.com/questions/794 ... components