如何评估 svelte store 字符串中的值

Question

我正在尝试评估用户是否已登录，以显示一些其他信息。到目前为止，我一直在尝试使用 svelte stores 来做到这一点。

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 商店中的商店字符串。我怎样才能做到这一点？如果这不可能，我如何使用 svelte 完成这个简单的登录用户流程？

Answer 1

你不应该用 {} 包围 $loginStatus。 $loginStatus 足以取消引用存储值。

REPL

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