如何让MudBlazor组件表现与普通HTML元素一致，解决MudText循环取值异常

问题原因 #

这是C# for循环的闭包变量捕获特性导致的，不属于MudBlazor异常：

• 原生HTML元素（如p标签）的内容在循环执行时就会直接生成静态值，会直接取当前迭代的i值输出
• MudText是Blazor组件，它的渲染逻辑会延迟到整个for循环执行完毕后才触发，此时循环变量i已经被更新为最终的退出值5，所有MudText组件捕获的都是同一个i变量，因此全部显示5

解决方法 #

在for循环内部声明一个局部临时变量，存储当前迭代的i值，再将该临时变量绑定到MudText即可，示例代码如下：

@for (int i = 0; i < 5; i++)
{
    // 每次迭代创建独立的局部变量，避免所有组件共享同一个循环变量
    var loopIndex = i;
    <MudText>@loopIndex</MudText>
}

修改后所有MudText会捕获每次迭代专属的局部变量，不会被后续循环的赋值覆盖，就能和原生HTML元素一样输出正确的循环值。

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