13、深入探索Blazor：JS与C互操作及应用状态管理

深入探索Blazor：JS与C#互操作及应用状态管理

在现代Web应用开发中，Blazor为开发者提供了强大的功能，允许在C#和JavaScript之间进行高效的交互。同时，合理管理应用状态对于提升用户体验至关重要。本文将详细介绍如何从JS调用C#方法，将现有的JS包转换为可重复使用的Blazor组件，以及应用状态管理的相关知识。

从JS调用C#方法

从JS调用C#方法有两种方式：调用静态C#方法和调用对象的实例方法。

调用静态C#方法

调用静态C#方法非常简单。Blazor提供了 [JSInvokable] 属性，可用于修饰需要从JS调用的C#方法。以下是具体步骤：
1. 在项目的根目录下创建一个名为 JsSample.cs 的类。
2. 创建一个静态C#方法，用于返回两个数字的和，并使用 [JSInvokable] 属性修饰：

using Microsoft.JSInterop;
public class JsSample
{
    [JSInvokable]
    public static int Sum(int firstNumber, int secondNumber)
    {
        return firstNumber + secondNumber;
    }
}

若要为方法设置别名，可使用 [JSInvokable("AddTwoNumbers")] 。