Пример. Запись ссылок на компоненты 1

Ключевое слово `@ref`, представляет доступ к членам дочернего компонента.



Сeгодня 4/1/2025 5:33:14 PM


Исходный код
--------------------------  ReferenceParent1.razor --- компонент предок

@page "/reference-parent-1"

<p><h4>Пример. <a target="_blank" href="https://docs.microsoft.com/ru-ru/aspnet/core/blazor/components/?view=aspnetcore-5.0#capture-references-to-components">
Запись ссылок на компоненты 1</a></h4></p>

<p style="font-family:Verdana"> Ключевое слово `@ref`, представляет доступ к членам дочернего компонента.</p>

<hr />

<button @onclick="@( () =>childComponent.ChildMetod(5)  )"> вызов <code>ReferenceChild.childComponent</code> с аргументом 5
                         
   
</button>

<hr />

<h4> Сeгодня @date</h4>
<button class="btn btn-secondary" @onclick="ChildDate">преобразовать в UTC</button>


<ReferenceChild @ref="childComponent" />


@code {
    private ReferenceChild childComponent;
    DateTime date = DateTime.Now;

    void ChildDate() =>
        date =
        childComponent.Date();

}


--------------------------  ReferenceChild.razor --- компонент наследник

@using Microsoft.Extensions.Logging
@inject ILogger<ReferenceChild> logger

@code{
    public void ChildMetod(int value)
    {
        logger.LogInformation("Принято {Value} в ChildMetod метод", value);
    }

    public DateTime Date()
    {
        return DateTime.Now.ToUniversalTime();
    }
}

Произошла ошибка. Это приложение может больше не отвечать до перезагрузки.(переведено) Произошла ошибка. Это приложение может больше не отвечать до перезагрузки.(переведено) Reload 🗙
Web hosting by Somee.com