将 @ref 添加到循环中的 Blazor 组件

Question

如何将@ref添加到循环内的 Blazor 组件？

@for (int i = 0; i < 10; i++)
{
    <MyComponent @ref="???"/> // I want to add this component to the list
}

@code
{
    List<MyComponent> components = new List<MyComponent>();
}

Answer 1

@Kahbazi 我无法回复，所以我必须在这里问。 __value 来自哪里？

我的解决方案如下：

@for (int i = 0; i < 10; i++)
{ 
    <MyComponent @ref="ComponentRef" />
}

@code {
    List<MyComponent> ComponentRefs = new List<MyComponent>();
    MyComponent ComponentRef {
        set { ComponentRefs.Add(value); }
    }
}

Answer 2

Blazor 编译器现在的工作方式是，您可以在@ref属性上注入C#代码。 您可以使用它来将组件添加到列表中。

@for (int i = 0; i < 10; i++)
{
    <MyComponent @ref="components.Add((MyComponent)__value);//" />
}

@code
{
    List<MyComponent> components = new List<MyComponent>();
}