Пример. Запись ссылок на компоненты 1
Ключевое слово `@ref`, представляет доступ к членам дочернего компонента.
Сeгодня 12/4/2025 5:41:19 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();
}
}