Как получить данные из динамического текстового поля с помощью Blazor

Есть несколько решений этого типа проблемы, в зависимости от общего дизайна вашего приложения, ограничений и тому подобного. Следующее решение простое. Вообще говоря, он включает в себя передачу значения добавленного текстового поля родительскому компоненту для сохранения в объекте списка. У родительского компонента есть кнопка, при нажатии на которую отображается список текста.

Ниже приводится определение дочернего компонента:

MyCustomControl.razor

    <input type="text" @bind="@Value" id="@ID" />

    @code {
        private string _value;

        public string Value
        {
            get { return _value; }

            set
            {
                if (_value != value)
                {
                    _value = value;
                    if (SetValue.HasDelegate)
                    {
                        SetValue.InvokeAsync(value);
                    }
                 }
             }
         }

        [Parameter]
        public string ID { get; set; }
        [Parameter]
        public EventCallback<string> SetValue { get; set; }
    } 

Использование в родительском компоненте

    <button @onclick="@addCompoment">add text box</button>

    <div class="simple-list-list">
        @if (componentListTest == null)
        {
            <p>You have no items in your list</p>
        }
        else
        {
            <ul>
                @foreach (var item in componentListTest)
                {
                    @item
                    <br />
                }
            </ul>
        }
    </div>

    <p><button @onclick="@ShowValues">Show values</button></p>

    @if (Display)
    {
        <ul>
            @foreach (var value in values)
            {
                <li>@value</li>

            }
        </ul>
    }

    @code {

        public void SetValue(string value)
        {
           values.Add(value);
        }

    private List<RenderFragment> componentListTest { get; set; }
    private List<string> values = new List<string>();
    private int currentCount { get; set; }

    protected override void OnInitialized()
    {
        currentCount = 0;
        componentListTest = new List<RenderFragment>();
    }

    private bool Display;

    private void ShowValues()
    {
        if (values.Any())
        {
            Display = true;
        }
    }
    protected void addCompoment()
    {
        if (componentListTest == null)
        {
            componentListTest = new List<RenderFragment>();
        }
        componentListTest.Add(CreateDynamicComponent(currentCount));
        currentCount++;
    }


    RenderFragment CreateDynamicComponent(int counter) => builder =>
    {
        try
        {

           builder.OpenComponent(0, typeof(MyCustomControl));
            builder.AddAttribute(1, "id", "listed-" + counter);
            builder.AddAttribute(2, "SetValue", Microsoft.AspNetCore.Components.CompilerServices.RuntimeHelpers.TypeCheck<Microsoft.AspNetCore.Components.EventCallback<System.String>>(Microsoft.AspNetCore.Components.EventCallback.Factory.Create<System.String>(this, this.SetValue )));
            builder.CloseComponent();
            }
            catch (Exception ex)
            {
                throw;
            }
        };
    }

Примечание:

1. Обратите внимание на атрибут SetValue, который я добавил в конструктор CreateDynamicComponent. Это обеспечивает параметр компонента для MyCustomControl типа EventCallback<string>, который назначен свойству параметра SetValue:

    [Parameter]
    public EventCallback<string> SetValue { get; set; } 

И он используется (запускает метод, который также называется SetValue в родительском компоненте. Вы можете изменить имя, если хотите), чтобы передать измененное значение из дочернего компонента в родительский компонент.

2. Используйте код вместо функций.

3. Обратите внимание, что я внес некоторые изменения в ваш код: OnInitialized вместо OnInit (устаревший), порядковые номера не должны создаваться так, как вы. См. эту статью, написанную Стивом Сандерсоном ...

Надеюсь это поможет...