Svelte · Middle · Запитання 52 з 75

Як компонент може надати методи батьківському?

<!-- Dialog.svelte -->
<script>
  let dialog;
  export function open() { dialog.showModal(); }
</script>
<dialog bind:this={dialog}>...</dialog>

<!-- Parent -->
<Dialog bind:this={d} />
<button onclick={() => d.open()}>Open</button>

Пояснення

Експортовані функції й константи стають API екземпляра компонента. Для потоку даних віддавайте перевагу пропсам, а це лишіть для імперативних дій.

Де почитати

Помилка в запитанні

Svelte · Middle · запитання 52

Перевірте себе

Пройдіть тест Svelte · Middle: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест