blazor 变量参数传递给 onclick 函数

Question

我想将 int i 传递给每个列表项的按钮 onclick 函数。我预计“clickItem”函数将收到 0..2 对应的列表项。但结果是它总是接收 3 作为参数。似乎 clickItem(i) 中的变量 i 在 for 循环的渲染时没有被评估。我曾尝试将其更改为“clickItem(@i)”，但它仍然相同。我该怎么办？（我使用 blazor 服务器端，.net core 3 preview 5）

        @for (int i = 0; i < 3; i++)
        {
            <li> item @i <button onclick=@(() => clickItem(i))>Click</button> </li>
        }

Answer 1

这是一个经典，但在 Blazor 的上下文中略有新意。

您需要进行复制，否则 lambda 会“捕获”循环变量。捕获副本是可以的。

@for (int i = 0; i < 3; i++)
{
    int copy = i;
    <li> item @i <button onclick=@(() => clickItem(copy))>Click</button> </li>
}

请注意，这是for()循环的问题，但不是foreach().