將 @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>();
}