[SVELTE] #if

{#if…}

#{if}는 svelte내에서 조건에 따라 각기 다른 컴포넌트를 마운트 시킬 수 있습니다.

{#if expression}...{/if}
{#if expression}...{:else if expression}...{/if}
{#if expression}...{:else}...{/if}

{#if answer === 42}
    <p>what was the question?</p>
{/if}

블락으로 감싸진 컨텐츠는 조건에 따라 렌더 됩니다.

{#if porridge.temperature > 100}
    <p>too hot!</p>
{:else if 80 > porridge.temperature}
    <p>too cold!</p>
{:else}
    <p>just right!</p>
{/if}

{:else if condition} 과 {:else}를 사용하여, 추가적으로 조건을 명시해줄 수 있습니다. 스벨트의 {#if}는 {/if}와 함께 사용되어야 합니다.

#svelte #if