fügen Sie eine Liste der dynamischen Komponenten in blazor hinzu

Ich habe gerade angefangen, blazor (v0.3) anzuschauen und einen Test zu machen. Ich wollte eine Liste mit blazor hinzufügen

Zuerst habe ich eine List<string> , um eine einfache Liste auf derselben Seite zu testen

<ul>
    @foreach (var item in listItems)
    {
        <li>@item</li>
    }
</ul>


@functions {

    private List<string> listItems = new List<string>();
    private string newItem;

    private void AddItem()
    {
        if (string.IsNullOrEmpty(newItem))
            return;

        listItems.Add(newItem);
        newItem = "";
    }

}

Das funktioniert einwandfrei. Ich füge jedes Element zur Liste hinzu, wenn ich es hinzufüge. Aber dann habe ich versucht, Komponenten hinzuzufügen, fügen Sie eine einzelne Komponente war einfach, basierend auf dieser Frage hier, aber für eine Liste hatte ich das nächste Problem:

• Ich habe eine <li> -Komponente erstellt, um die Funktionalität von Komponenten zu testen, hier ist die Komponentenansicht

<ul>
    @foreach (var item in listItems)
    {
        <li>@item</li>
    }
</ul>


@functions {

    private List<string> listItems = new List<string>();
    private string newItem;

    private void AddItem()
    {
        if (string.IsNullOrEmpty(newItem))
            return;

        listItems.Add(newItem);
        newItem = "";
    }

}

• dann in der Elternansicht

<ul>
    @foreach (var item in listItems)
    {
        <li>@item</li>
    }
</ul>


@functions {

    private List<string> listItems = new List<string>();
    private string newItem;

    private void AddItem()
    {
        if (string.IsNullOrEmpty(newItem))
            return;

        listItems.Add(newItem);
        newItem = "";
    }

}

<ul>
    @foreach (var item in listItems)
    {
        <li>@item</li>
    }
</ul>


@functions {

    private List<string> listItems = new List<string>();
    private string newItem;

    private void AddItem()
    {
        if (string.IsNullOrEmpty(newItem))
            return;

        listItems.Add(newItem);
        newItem = "";
    }

}

wenn ich lade, wird das erste Element korrekt geladen:

aber als ich die zweite betrat, wurden alle für die letzte ersetzt:

Irgendeine Idee was ist los?