Component.InvokeAsync 在 foreach 循环中不起作用

Question

我在 Foreach 循环中显示组件时遇到问题：

我。第一种情况——组件工作：

我创建了这样的简单组件（名为 HelloComponent）：

<h3>Hello Adam!</h3>

当我运行它使用：

///My code before component

await Component.InvokeAsync("HelloComponent");

///My code after component

Everythink 工作，我得到了：

///My code before component

Hello Adam!

///My code after component

二．第二种情况 - 组件不工作：

在运行组件的视图中，我的代码如下所示：

@{
    List<string> options = new List<string>();
    options.Add("Adam");
    options.Add("Adrian");
    options.Add("Bart");   
}

///My code before component

@foreach(var item in options)
{
    <h3>Test header</h3>
    await Component.InvokeAsync("HouseOptionsComponent");
}

///My code after component

我得到了：

///My code before component

Test header
Test header
Test header

///My code after component

foreach 循环运行s 3 次但没有获取组件内容。我相信我应该收到：

///My code before component

Test header
Hello Adam!
Test header
Hello Adam!
Test header
Hello Adam!

///My code after component

Answer 1

`Component.InvokeAsync("HelloComponent");`

and

`Component.InvokeAsync("HouseOptionsComponent");`

请检查视图组件的名称，您正在调用不同的视图。尝试将视图名称从 HouseOptionsComponent 更改为 HelloComponent。

Component.InvokeAsync 在 foreach 循环中不起作用

Component.InvokeAsync in foreach loop doesn't work

c#

asp.net

razor

asp.net-core