Svelte · Senior · Запитання 74 з 75
Як охайно під'єднати імперативну сторонню бібліотеку (наприклад, графік) у Svelte 5?
<div {@attach (node) => {
const chart = createChart(node, options);
$effect(() => chart.update(data));
return () => chart.destroy();
}}></div>- ✓Правильна відповідь: Через attachment: створити екземпляр під час монтування, синхронізувати реактивні дані у вкладеному ефекті й знищити в очищенні
- 2Створювати графік наново під час кожної зміни стану через
{#key} - 3Використати
{@html}з SVG графіка
Пояснення
Коли змінюється data, перезапускається лише вкладений ефект; екземпляр створюється один раз.