如何在Blazor服务器端访问父组件？

Question

我正在使用blazor的服务器端。

这里是一个名为Child的子组件：

<div class="Child">
    <img @OnClick="ShowFullImage" src="/img/aaa.jpg"/>
</div>
@code{
   private void ShowFullImage(){}
}

这是父组件：

<Child></Child>
<img id="FullImage"/>

子组件即将显示缩略图。当用户单击缩略图（只是子组件中的img）时，完整图像将显示在名为FullImage的父组件的img中。

现在的问题是，尽管我可以在子组件中添加一个onlick函数，但我还不知道如何访问其父组件。

Answer 1

我认为您正在寻找的是ConfigureContainer

EventCallback

// Child
<div class="Child">
    <img @onclick="ShowFullImage" src="/img/aaa.jpg"/>
</div>

@code{
   [Parameter]
   public EventCallback ShowFullImage { get; set; }
}