@using System.Collections.Generic
@using Microsoft.AspNetCore.Blazor
Child components follow.
<button class="addChild" onclick="@AddChild">Add</button>
<button class="removeChild" onclick="@RemoveChild">Remove</button>

@foreach (var message in currentChildrenMessages)
{
    <p><MessageComponent Message=@message /></p>
}

@functions {
    int numAdded = 0;
    List<string> currentChildrenMessages = new List<string>();

    void AddChild(UIMouseEventArgs e)
    {
        numAdded++;
        currentChildrenMessages.Add($"Child {numAdded}");
    }

    void RemoveChild(UIMouseEventArgs e)
    {
        if (currentChildrenMessages.Count > 0)
        {
            currentChildrenMessages.RemoveAt(currentChildrenMessages.Count - 1);
        }
    }
}