Razor标记中可空参数引发编译错误的Blazor解决方案

问题原因 #

KeyValuePair<string, T>?本质是可空值类型包装器Nullable<KeyValuePair<string, T>>，它本身没有Key属性，必须访问内部的.Value才能获取真正的KeyValuePair实例。即便你加了Value != null的空值检查，Razor编译上下文有时无法自动推断Value已非空，因此仍会报错。

解决方案 #

方案1：显式访问.Value属性 #

直接通过.Value获取内部的KeyValuePair实例，再访问Key：

@if (Value != null && item.Key == Value.Value.Key)
{
    <span>
       .....
    </span>
}

方案2：使用模式匹配（推荐） #

用模式匹配同时完成空值检查和非空实例赋值，代码更简洁且可读性更高：

@if (Value is { } selectedValue && item.Key == selectedValue.Key)
{
    <span>
       .....
    </span>
}

这里Value is { } selectedValue会自动判断Value非空，并将其内部实例赋值给selectedValue，后续可直接访问selectedValue.Key。

方案3：空合并运算符（按需使用） #

如果允许Value为null时使用默认KeyValuePair（Key为空字符串），可以用空合并运算符：

@if (item.Key == (Value ?? default).Key)
{
    <span>
       .....
    </span>
}

注意：此方案仅适合可接受默认值的场景。

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