javascript - 如何评估苗条存储字符串中的值

Question

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

userContext.js：

import { writable } from 'svelte/store';

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

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

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

这不起作用，因为我似乎无法评估存储在苗条商店内的字符串。我怎样才能使它工作？如果这不可能，我怎么能用 svelte 做这个简单的登录用户流程？

score 2 · Accepted Answer

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

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