Svelte · Senior · Pytanie 74 z 75
Jak czysto zintegrować imperatywną bibliotekę zewnętrzną (np. wykres) w Svelte 5?
<div {@attach (node) => {
const chart = createChart(node, options);
$effect(() => chart.update(data));
return () => chart.destroy();
}}></div>- ✓Poprawna odpowiedź: Przez attachment: utworzyć instancję przy montowaniu, synchronizować reaktywne dane w zagnieżdżonym efekcie i zniszczyć w czyszczeniu
- 2Odtwarzać wykres przy każdej zmianie stanu przez
{#key} - 3Użyć
{@html}z SVG wykresu
Wyjaśnienie
Przy zmianie data ponownie uruchamia się tylko zagnieżdżony efekt; instancja jest tworzona raz.