Capture references to multiple similar child-components

[harleydk]

I was searching for documentation on how to capture references to child-components based on for-each creation.
Let's say I have a parent-component which itereates a collection to create multiple child-components:

@foreach (var singleDataPiece in aCollectionOfData)
{
    <SubComponent Id="@singleDataPiece.Id" SingleDataPiece="@singleDataPiece"></SubComponent>
}

I would like to call a method on one of these sub-components, identified by its id-value. Would you consider adding documentation on this scenario?

Many thanks in advance for your consideration.

[NTaylorMullen]

@danroth27 @rynowak @SteveSandersonMS this is a real interesting ask that isn't currently possible with @ref. I'm not sold on the idea of allowing components to be looked up by ID but I could see it being valuable to overload @ref's capabilities with a List<TComponentType>.

The codegen would be slightly interesting but not impossible.

[harleydk]

I'm not sold on the idea of allowing components to be looked up by ID

Concerned it would lead to lack of developer discipline? Or goes against what you're trying to achieve with Blazor? I can appreciate any concerns along those lines.
In my particular use-cases it would certainly ease the transition to Blazor from other frameworks. Always had the ability to identify a component, web or win, by a get-by-id or a view-children something-something, what or have you. Sure, there are ways around it, and I might lack dev discipline as much as any. But when dealing with N number of similar sub-components it can be an intuitive way to work.
I digress, pardon me. I haven't spent enough time with this framework to consider alternatives to my issue. Ideally I would like to reference a sub-component based on an arbitrary (linq-style) expression - maybe that's already in there and I haven't looked hard enough.

[danroth27]

@harleydk Thanks for this feedback! We've put this suggestion on our backlog. We don't have immediate plans to address this, but we will reconsider based on customer feedback. We would recommend modeling the behavior you want using your app model instead of trying to capture multiple references of child components.

[harleydk]

@danroth27 Great stuff. Closing this up. Have a good one.

[danroth27]

@harleydk We'd like to keep this feedback open on our backlog for a bit to see if anyone else runs into the problem. We may yet decide to do something in this area depending on user feedback.

[Madhust]

@danroth27 Angular has similar decorator ViewChildren which collects list of directive instances either by name or type.

https://angular.io/api/core/ViewChildren

It would be good to have such funtionality in Blazor.

[RemiBou]

+1 for this kind of feature : accessing child and/or parent components would be very helpful. I think right now you can do this with a cascading parameter (a list of component where the child component registers itself) but it's not easy.

[mv10-work]

Another vote. The List<TComponentType> idea seems intuitive enough.