调用StateHasChanged后页面未正确刷新，如何解决？

架构老林

2026-6-12

解决方案

问题根源

OnInitialized仅在组件首次创建时执行一次，后续父组件传递的参数（如Disabled、BackgroundColor）变化时，不会再次触发该方法。当前Text组件将背景色样式类的初始化逻辑放在OnInitialized中，导致参数更新后样式无法同步。

最优修复方案

1. 将样式逻辑移至`OnParametersSet`方法

OnParametersSet会在组件初始化后，每次参数变化时触发，适合处理依赖参数的UI状态更新。修改Text组件的代码：

protected override void OnInitialized()
{
    // 保留仅需初始化一次的逻辑
    HtmlId = string.IsNullOrEmpty(HtmlId) ? Label.Replace(" ", "-") + "-input": HtmlId;

    if (string.IsNullOrEmpty(PlaceHolder))
    {
        PlaceHolder = $"Introduce {Label}";
    }

    if (string.IsNullOrWhiteSpace(Value))
    {
        Value = string.Empty;
    }

    if (!Disabled && !MaintainValue && string.IsNullOrWhiteSpace(Value))
    {
        Value = string.Empty;
    }
}

protected override void OnParametersSet()
{
    // 每次参数变化时重新计算样式类
    _containerClass = $"box flex align-left {GetBackgroundClass(BackgroundColor)}";
    _inputClass = $"{GetBackgroundClass(BackgroundColor)}";

    if (SizeSmall)
    {
        _inputClass += " small-select-input margin-tb-stage";
    }
}