在 Blazor 视图中调用异步方法

Question

我有一个服务器端 blazor 客户端，我正在尝试通过登录检查来修改 MainLayout razor 页面。我目前正在使用 Blazored 进行本地存储保存，并且我目前正在使用查看是否保存了令牌以查看用户是否登录，但是我不确定如何在 razor 页面的 if 语句中翻译它，因为它想要异步方法。

我的登录检查非常简单，如下所示。

public async Task<bool> IsLoggedIn()
{
    return await m_localStorage.ContainKeyAsync("token").ConfigureAwait(false);
}

在我的 Razor 页面中，我正在执行此语句检查 - 这显然不起作用，因为没有 async 修饰符

@if (!await AppState.IsLoggedIn()) //Requires async modifier
{
    <a href="Login" target="_blank">Login</a>
}

我也尝试使用 .Result 属性执行此操作，但这会导致抛出异常：(System.AggregateException: 'Information: Executed an implicit handler method, returned result Microsoft.AspNetC)' 带有内部异常 -> NullReferenceException ： 你调用的对象是空的。

但是从我所看到的 AppState 被正确注入，本地存储似乎在 AppState 中被正确注入。

@if (!AppState.IsLoggedIn().Result)
{
    <a href="Login" target="_blank">Login</a>
}

所以我的问题是解决这个问题的正确方法是什么，有没有办法在剃刀页面中执行异步方法？

Answer 1

有没有办法在剃刀页面中执行异步方法？

不，没有办法在 Razor 组件中使用 await。这是因为您不能将异步工作作为组件渲染的一部分。

顺便说一下，Blazor 团队提供的本地存储机制支持数据保护，建议 Steve Sanderson 使用。

注意：组件的 async Lifecycle 方法是完成异步工作的地方，因此您可以相应地设计您的代码，例如，从 OnInitializedAsync 调用 AppState.IsLoggedIn()，并将返回值分配给局部变量，该变量可以从您的视图访问。