Skip to main content

Svelteは様々な組み込み要素を提供します。最初に <svelte:self> はコンポーネントがそれ自身を再帰的に含むことを可能にします。

これはこのフォルダツリービューのように、フォルダの中に他のフォルダを含むことができるようにするのに便利です。Folder.svelte では、このようなことができるようにしたいのですが…

{#if file.files}
	<Folder {...file} />
{:else}
	<File {...file} />
{/if}

…しかし、モジュールは自分自身をインポートすることができないので、それは不可能です。代わりに <svelte:self> を使います。

{#if file.files}
	<svelte:self {...file} />
{:else}
	<File {...file} />
{/if}