Blazor继承含UI内容的组件渲染为空，求解决方法

当Blazor子类通过@inherits继承包含UI的基组件时，默认不会自动渲染基类的UI内容，必须显式触发基类UI的渲染逻辑，以下是具体解决步骤：

1. 确保基类的可访问性 #

基类中需要被子类调用或修改的属性、方法（如Loaded、InitBase）必须设置为protected或public，保证子类能正常访问：

@* 基类CrudIndex2.razor的@code块示例 *@
@code {
    protected bool Loaded { get; set; }
    protected void InitBase(Type dialogType, object hubInstance)
    {
        // 基类初始化逻辑
    }
    // 其他共享属性/方法...
}

2. 子类显式渲染基类UI #

在子类的Razor文件中添加@base.BuildRenderTree(__builder)，触发基类UI的渲染：

@page "/AdaPPM/MeasureItemDefinitions/Index"
@inherits CrudIndex2<LibAdaMetrics.DataRecords.MeasureItemDefinition>
@inject AuthenticationManager _authenticationManager
@inject IAuthorizationService _authorizationService

@* 显式渲染基类UI *@
@base.BuildRenderTree(__builder)

@code
{
    int CurrentUser;
    protected override async Task OnInitializedAsync()
    {
        base.InitBase(
            typeof(CreateOrEditMeasureItemDefinitionDialog),
            AdaHubMeasureItemDefinitions.Instance);

        CurrentUser = await _authenticationManager.CurrentUser();
        CanCreate = (await _authorizationService.AuthorizeAsync(CurrentUser, Permissions.MeasurementBaselines.Create)).Succeeded;
        CanEdit = (await _authorizationService.AuthorizeAsync(CurrentUser, Permissions.MeasurementBaselines.Edit)).Succeeded;
        CanDelete = (await _authorizationService.AuthorizeAsync(CurrentUser, Permissions.MeasurementBaselines.Delete)).Succeeded;

        await ResetAsync();
        Loaded = true;
    }
}

关键注意事项 #

• 若基类未注入子类需要的服务（如_authenticationManager），需在子类中手动添加@inject声明
• 基类的UI逻辑（如Loaded控制的加载状态）需确保能被子类正确修改，否则可能导致渲染异常

内容的提问来源于stack exchange，提问作者cheny