How to make child component to be rendered in parent component?

[tmpacifitech]

Both of the parent and child component use the same int array object.

If I change the array in the parent component, the child component has to be rendered again.

How can I do this?

I was tried to bind the object to child component, however it said that cannot bind array object.

[danroth27]

This issue was moved to #7328

[iAmBipinPaul]

I believe you want to pass the array to child component and render it there.

child component (child.cshtml)

@if(TTypeNames ==null)
{
// some html to say it's loading 
}else if(TTypeNames.Count ==0)
{
//  // some html to say it's empty
}
else 
{
foreach(var item in TTypeNames )
{
// html
}
}

@functions {   
    [Parameter] List<TType> TTypeNames { get; set; }
    protected override async Task OnParametersSetAsync()
    {
       StateHasChanged();
    }
}

now in your parent component you can pass data like this

<child TTypeNames ="@TTypeList"></child>

better to go through this blazor workshop it explains everything in awesome way.
https://aka.ms/blazorworkshop

documentation showing list of orders
https://github.com/dotnet-presentations/blazor-workshop/blob/master/docs/03-show-order-status.md#displaying-the-list-of-orders