Blazor FluentUI：使用枚举来更改 SelectedOption

Question

我在

FluentUI

版本中使用

Blazor WASM

代表

4.10.3

，并且我有一个

FluentSelect

组件，我想在更改时调用函数。默认值为空 (

null

)，这很好，但是当我调用函数

OnEnumOptionChanged

时，新值也是

null

而不是所选项目（我期望的）。

我的

FluentSelect

组件

<FluentSelect TOption="EnumOption?" SelectedOptionChanged="OnEnumOptionChanged">
    <FluentOption Value="@EnumOption.Blue.ToString()">Blue</FluentOption>
    <FluentOption Value="@EnumOption.Red.ToString()">Red</FluentOption>
    <FluentOption Value="@EnumOption.Green.ToString()">Green</FluentOption>
</FluentSelect>

我的回调函数

private void OnRedactOptionChanged(EnumOption? enumOption)
{
    // enumOption is null not the selected value
    Logger.LogInformation("Selected option {EnumOption}", enumOption);
}

如何修复此问题以在回调函数中显示所选的

EnumOption

？我不想使用

bind

。

Answer 1

使用

Items

参数提供选项：

<FluentSelect TOption="EnumOption?"
              Items="Enum.GetValues<EnumOption>().Cast<EnumOption?>()"
              SelectedOptionChanged="OnEnumOptionChanged" />