{@render ...}

要渲染一个代码片段,请使用 {@render ...} 标签。

{#snippet sum(a, b)}
	<p>{a} + {b} = {a + b}</p>
{/snippet}

{@render sum(1, 2)}
{@render sum(3, 4)}
{@render sum(5, 6)}

表达式可以是一个像 sum 这样的标识符,也可以是任意的 JavaScript 表达式:

{@render (cool ? coolSnippet : lameSnippet)()}

可选的代码片段

如果代码片段可能未定义——例如,因为它是一个传入的 prop——那么你可以使用可选链,只在它_被_定义时才渲染它:

{@render children?.()}

或者,也可以使用带 :else 子句的 {#if ...} 块来渲染回退内容:

{#if children}
	{@render children()}
{:else}
	<p>fallback content</p>
{/if}