Blazor入门学习- 单选按钮MRadio的使用

在进行单选按钮时，需要注意问题，否则会报错。

@page "/counter"
@attribute [TabItemOption(Text = "Counter")]

<PageTitle>Counter</PageTitle>
<Button>获取数据</Button>
<ConsoleLogger @ref="NormalLogger" />

@for (int i = 1; i < 3; i++)
{
    var index = i; // 声明一个局部变量保存 i 的值

    <Card>
        <BodyTemplate>
            <MRadioGroup @bind-Value="Value1[index]" Column TValue="string" OnChange="OnSelectedChanged">
                <MRadio Label="Option 1" Value=@("radio-1")></MRadio>
                <MRadio Label="Option 2" Value=@("radio-2")></MRadio>
                <MRadio Label="Option 3" Value=@("radio-3")></MRadio>
                <MRadio Label="Option 4" Value=@("radio-4")></MRadio>
            </MRadioGroup>
        </BodyTemplate>
    </Card>

    <Divider />
}

@code {
   
    private ConsoleLogger? NormalLogger { get; set; }
   
 
    private string[] Value1 { get; set; } = new string[5];

  

    private Task OnSelectedChanged(string value)
    {
        NormalLogger?.Log($"selected value: {value}");
        return Task.CompletedTask;
    }
}