Wie bindet man in Svelte 5 eine imperative Fremdbibliothek (z. B. ein Chart) sauber ein? { const chart = createChart(node, options); $effect(() => chart.update(data)); return () => chart.destroy(); }}>

{@html} mit dem SVG nutzen, das das Chart erzeugt

Das Chart bei jeder State-Änderung mit {#key} neu erzeugen

Svelte · Senior · Frage 74 von 75

Wie bindet man in Svelte 5 eine imperative Fremdbibliothek (z. B. ein Chart) sauber ein?

<div {@attach (node) => {
  const chart = createChart(node, options);
  $effect(() => chart.update(data));
  return () => chart.destroy();
}}></div>

Antwort zeigen

Richtige Antwort: Mit einem Attachment, das die Instanz erzeugt und zerstört

Nur der verschachtelte Effect läuft bei Änderungen von data erneut; die Instanz wird einmal erzeugt.