Blazor Interop LocalStorage 0.4.0 更改为 0.5.1

Question

我正在学习如何使用 Blazor Interop，但它最近发生了变化，所以我没有任何简单的示例可以学习我从一个工作示例中复制了一段代码，想将其更改为新的互操作这是来自 .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

Answer 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);

Answer 2

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

Blazor Interop LocalStorage 0.4.0 更改为 0.5.1

Blazor Interop LocalStorage 0.4.0 change to 0.5.1

javascript

c#

blazor