Início / coding / Perguntas / 79435340
Accepted
Manny
Asked: 2025-02-13 15:19:19 +0800 CST

Não é possível acessar os valores na loja do Mapa no Svelte

  • 772

Tenho um armazenamento simples de new Map()e gosto de iterá-lo no componente Svelte. No bloco {#each}, posso ver que ele itera quantas vezes o Map tem elementos, mas não consigo ver valores.

<script>
    import {items} from "./store.js"

    $items.set("one", { name: "John", age: 50 })
    $items.set("two", { name: "Jack", age: 25 })
</script>

<h1>Hello!</h1>
{#each $items as item}
    <div>name: {item.name}</div>
{/each}

// store.js
import {writable, get} from "svelte/store"

export let items = writable(new Map())

Parque infantil .

javascript

1 respostas

  1. Best Answer

    Se você iterar,Map obterá [key, value]objetos, então você precisa:

    {#each $items as [key, value]}
    <div>name: {value.name}</div>
{/each}

    Se você precisar apenas das chaves ou dos valores, também existem as respectivas funções keys()/ values(), então para o código fornecido você pode usar:

    {#each $items.values() as item}
    <div>name: {item.name}</div>
{/each}

    Além disso, Mapnão é reativo, então, a menos que você acione a loja manualmente, modificações posteriores não atualizarão a UI. O Svelte 5 tem uma versão reativa de Mapemsvelte/reactivity .

    • 1

relate perguntas