如何继承MudButton与MudMenu并设置自定义默认值

自定义MudButton组件 #

你手动调用base.BuildRenderTree(__builder)的代码会干扰MudBlazor组件的正常渲染流程，这是样式丢失的核心原因。继承MudBlazor组件时，无需手动编写RenderTree相关代码，基类会自动处理完整渲染逻辑。另外，设置默认属性的逻辑应放在OnParametersSet中，并增加空值判断，避免覆盖用户显式传入的属性值。

修正后的代码：

@inherits MudButton

@code {
    protected override void OnParametersSet()
    {
        base.OnParametersSet();
        
        // 仅当外部未设置属性时，赋予默认值
        if (Variant == null)
            Variant = Variant.Outlined;
        if (Color == null)
            Color = Color.Primary;
        if (Size == null)
            Size = Size.Medium;
    }
}

自定义MudMenu组件 #

同样遵循「不手动干预渲染流程+在OnParametersSet中设置默认值」的原则，确保基类样式逻辑正常执行：

@inherits MudMenu

@code {
    protected override void OnParametersSet()
    {
        base.OnParametersSet();
        
        // 仅当外部未设置时应用默认值
        if (Variant == null)
            Variant = Variant.Outlined;
        if (Color == null)
            Color = Color.Primary;
        if (Size == null)
            Size = Size.Medium;
        
        if (EndIcon == null)
            EndIcon = Icons.Filled.KeyboardArrowDown;
        if (IconColor == null)
            IconColor = Color.Primary;
        
        if (AnchorOrigin == null)
            AnchorOrigin = Origin.BottomCenter;
    }
}

关键说明 #

• 移除base.BuildRenderTree(__builder)：MudBlazor组件的渲染逻辑由基类维护，手动调用会破坏原有样式生成流程，导致仅显示文本。
• 选择OnParametersSet而非OnInitialized：OnInitialized仅执行一次，而OnParametersSet会在每次参数更新时触发，能确保默认值在组件生命周期内始终正确生效，同时保留用户自定义属性的优先级。
• 空值判断的必要性：只有当外部未传入对应属性时才设置默认值，既统一了全局样式，又保留了组件的灵活性，用户可根据需求随时覆盖默认属性。

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