blazor - 基本组件布局继承 blazor

Question

假设我的大部分组件都有一个标题。我想创建一个具有 header 变量的基本组件，并使所有其他组件从该组件继承并设置 header 。所以我有

基础组件

@inherits LayoutComponentBase;

<h1>@header</h1>

@Body

@code {

    protected string header;
}

组件

@inherits BaseComponent;

"internal component text"

@code {
  protected override void OnInitialized()
    {
         base.header = "Setting header for the parent"
    }
}

这将编译并显示没有错误，但基本标题没有显示。就像基地中的任何东西都没有被渲染。我究竟做错了什么？

附言

我也试过 @layout BaseComponent ，甚至同时试过两个指令。

Answer 1

在撰写本文时，派生的 razor 组件自动实现其基类的所有方法，包括 BuildRenderTree(呈现您在 razor 文件中键入的 HTML 标记)。当您不输入任何内容时，该方法将不会尝试自行调用基础 BuildRenderTree 方法。所以你需要像这样手动完成:

@inherits BaseComponent;

@{
    base.BuildRenderTree(__builder);
}

@code {
  protected override void OnInitialized()
    {
         base.header = "Setting header for the parent"
    }
}