如何实现支持数值运算的Blazor泛型Razor组件？

方法一：用.NET 7+的INumber<T>约束（推荐） #

.NET 7新增了System.Numerics.INumber<T>接口，专门用来给泛型加数值类型约束，直接支持算术运算。把你的组件改成这样就行：

@typeparam TValue where TValue : INumber<TValue>

@code {
    [Parameter]
    public TValue Value { get; set; }

    [Parameter]
    public EventCallback<TValue> ValueChanged { get; set; }

    public async Task SpinUp()
    {
        var newValue = Value + TValue.One;
        await ValueChanged.InvokeAsync(newValue);
    }

    public async Task SpinDown()
    {
        var newValue = Value - TValue.One;
        await ValueChanged.InvokeAsync(newValue);
    }
}

• 用INumber<T>约束后，编译器能确认TValue是数值类型，TValue.One是类型安全的“1”，不用再强制转换，int、float、double这些数值类型都能支持。
• 前提是项目目标框架得是.NET 7或更高版本，System.Numerics命名空间Blazor项目默认已经包含。

方法二：兼容.NET 6及更早版本 #

如果你的项目用的是旧版.NET，没法用INumber<T>，可以用下面两种方式：

方式1：类型检查+显式转换 #

直接判断具体类型，执行对应运算，逻辑简单易懂：

@typeparam TValue

@code {
    [Parameter]
    public TValue Value { get; set; }

    [Parameter]
    public EventCallback<TValue> ValueChanged { get; set; }

    public async Task SpinUp()
    {
        await UpdateValue(1);
    }

    public async Task SpinDown()
    {
        await UpdateValue(-1);
    }

    private async Task UpdateValue(int delta)
    {
        object newValue = Value switch
        {
            int i => i + delta,
            float f => f + delta,
            double d => d + delta,
            decimal dec => dec + delta,
            _ => throw new NotSupportedException($"类型 {typeof(TValue)} 不支持数值运算")
        };

        await ValueChanged.InvokeAsync((TValue)newValue);
    }
}

方式2：表达式树（更灵活） #

用表达式树在运行时生成运算委托，不用硬编码所有支持的类型：

@typeparam TValue

@code {
    [Parameter]
    public TValue Value { get; set; }

    [Parameter]
    public EventCallback<TValue> ValueChanged { get; set; }

    private static readonly Func<TValue, int, TValue> _addFunc = CreateAddFunc();

    public async Task SpinUp()
    {
        var newValue = _addFunc(Value, 1);
        await ValueChanged.InvokeAsync(newValue);
    }

    public async Task SpinDown()
    {
        var newValue = _addFunc(Value, -1);
        await ValueChanged.InvokeAsync(newValue);
    }

    private static Func<TValue, int, TValue> CreateAddFunc()
    {
        var param1 = Expression.Parameter(typeof(TValue), "value");
        var param2 = Expression.Parameter(typeof(int), "delta");
        var convertedDelta = Expression.Convert(param2, typeof(TValue));
        var addExpr = Expression.Add(param1, convertedDelta);
        return Expression.Lambda<Func<TValue, int, TValue>>(addExpr, param1, param2).Compile();
    }
}

首次运行时会编译加法委托，后续调用性能和直接操作差不多，支持所有能和int相加的数值类型。

额外提醒 #

• 不管用哪种方法，最好在组件初始化时（比如OnInitialized方法里）加个类型检查，提前抛出错误，避免运行时出问题。
• 调用ValueChanged必须用InvokeAsync，符合Blazor的UI更新规则，确保组件状态同步正确。

内容的提问来源于stack exchange，提问作者Razzupaltuff