Descriptions Component does not support dynamic Description collection

Describe the bug

the dynamic collection does not work!

Steps to reproduce (please include code)

basic idea:

<Descriptions Title="User Info">
    <DescriptionsItem Title="UserName">Zhou Maomao</DescriptionsItem>
    <DescriptionsItem Title="Telephone">18100000000</DescriptionsItem>
    <DescriptionsItem Title="Live">Hangzhou, Zhejiang</DescriptionsItem>
    @if(showAdvance){
      <DescriptionsItem Title="Remark">Empty</DescriptionsItem>
      <DescriptionsItem Title="Address">
          No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
      </DescriptionsItem>
     }
</Descriptions>
<button @onclick="@(()=>showAdvance=!showAdvance)" >switch mode</button>

private bool showAdvance=false;
@code{
}

Exceptions (if any)

n.a

Further technical details

AntDesign v0.15.1

ref:

https://antblazor.com/zh-CN/components/descriptions

[congzhangzh]

unless blazor provides something like OnBeforeRender/override StateChanged, there is no perfect solution, as the item init/dispose happens too later, which will cause Descriptions to use old items data.

on another side, the preparematrix is really just something about render internal, not related to the logical part, call before StateChanged internal is perfect

ref:

1. https://github.com/dotnet/blazor/pull/1716#issuecomment-446950792
2. https://chrissainty.com/understanding-cascading-values-and-cascading-parameters/
3. https://blazor-university.com/components/component-lifecycles/images/component-lifecycle-1.jpg

[congzhangzh]

I’m not sure if the render fragment will work, maybe it will reproduce the initialization logic when the render is refreshed.

you are right, it does not work! error as before!

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

<Descriptions Title="@(currentCount.ToString())">
    
    @GenDescriptions()
    
</Descriptions>
<button @onclick="@(()=> { showAdvance = !showAdvance; currentCount++;})" >switch mode</button>
@currentCount <br/>
@showAdvance
@code {
    private int currentCount = 0;

    RenderFragment GenDescriptions() => @<text><DescriptionsItem Title="UserName">Zhou Maomao</DescriptionsItem>
                                            <DescriptionsItem Title="Telephone">18100000000</DescriptionsItem>
                                            <DescriptionsItem Title="Live">Hangzhou, Zhejiang</DescriptionsItem>
                                            @if (showAdvance)
                                            {
                                                <DescriptionsItem Title="Remark">Empty</DescriptionsItem>
                                                <DescriptionsItem Title="Address">
                                                    No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
                                                </DescriptionsItem>
                                            }</text>;
    private bool showAdvance=false;
    private void IncrementCount()
    {
        currentCount++;
    }
}