Как оценить значение в строке хранилища svelte

Question

Я пытаюсь оценить, вошел ли пользователь в систему, чтобы показать какую-то другую информацию. До сих пор я пытался сделать это, используя стройные магазины.

userContext. js:

import { writable } from 'svelte/store';

export const loginStatus = writable('log in');

App.svelte:

<script>
    import { loginStatus } from './userContext.js';
</script>

{#if {$loginStatus} === "log in"}
        <p>Please log in</p>
{/if}

Это не работает, потому что я не могу оценить строки, которые магазины внутри стройных магазинов. Как я могу заставить эту работу? И если это невозможно, как я могу сделать этот простой вход в пользовательский поток с помощью svelte?

Answer 1

Вы не должны окружать $loginStatus {}. $loginStatus достаточно для разыменования значения хранилища.

REPL

{#if $loginStatus === "log in"}
  <p>Please log in</p>
{/if}