Blazor 互操作 LocalStorage 0.4.0 更改为 0.5.1答案

【问题标题】：Blazor Interop LocalStorage 0.4.0 change to 0.5.1Blazor 互操作 LocalStorage 0.4.0 更改为 0.5.1
【发布时间】：2019-01-05 16:27:19
【问题描述】：

我正在学习如何使用 Blazor 互操作，但它最近发生了变化，所以我没有任何简单的示例可以学习我从一个工作示例中复制了一个代码，并希望将其更改为新的互操作来自 .js 文件的 Blazor 0.4.0 的代码

Blazor.registerFunction('saveToken', token => {
window.localStorage.setItem('jwt', token);
console.log("Authentication token has been stored.");
return true;

});

这是来自 Blazor 页面的 .csthml 函数

            RegisteredFunction.Invoke<bool>("saveToken", token);

我已经阅读了 Blazor Doc Interop https://blazor.net/docs/javascript-interop.html 并且该示例很容易理解，但是对于 localstorage 我不知道如何

【问题讨论】：

标签： javascript c# blazor

【解决方案1】：

在 0.5+ 中，您只需通过 window 使函数可见。

window.saveToken = token => {
    window.localStorage.setItem('jwt', token);
    console.log("Authentication token has been stored.");
    return true;
};

JsRuntime.Current.InvokeAsync<bool>("saveToken", token);

【讨论】：

【解决方案2】：

或者，您可以只使用已经为您执行互操作的 Nuget 包，如下所示：https://github.com/BlazorExtensions/Storage

【讨论】：