Blazor中如何用ShouldRender禁止父组件渲染且允许子组件按需重渲染？

结论 #

完全可以实现你的需求。

核心原理 #

Blazor 中ShouldRender()返回false的作用范围仅限制当前组件自身的渲染树重计算、DOM比对与更新，不会干涉子组件主动触发的渲染行为。
你场景中默认需要父组件重渲染才能触发子组件更新，本质是因为引用类型Foo的引用没有发生变化时，默认的参数比对逻辑无法识别到Foo内部属性的变更，并非子组件必须依赖父组件渲染才能更新。

推荐实现方案 #

方案1：让QuxPanel主动感知属性变更（最稳定）

让Foo类实现INotifyPropertyChanged接口，属性变更时触发对应通知，QuxPanel订阅该通知主动触发自身重渲染即可，完全不需要依赖BarPanel的渲染流程。
修改后的QuxPanel.razor代码示例：

<span>@InputFoo.Qux</span>
@implements IDisposable
@code { 
    [Parameter] public Foo InputFoo { get; set; }

    protected override void OnInitialized()
    {
        if (InputFoo is INotifyPropertyChanged notifyObj)
        {
            notifyObj.PropertyChanged += OnFooPropertyChanged;
        }
    }

    private void OnFooPropertyChanged(object sender, PropertyChangedEventArgs e)
    {
        // 仅Qux属性变更时才触发自身重渲染
        if (e.PropertyName == nameof(Foo.Qux))
        {
            StateHasChanged();
        }
    }

    // 销毁事件订阅避免内存泄漏
    public void Dispose()
    {
        if (InputFoo is INotifyPropertyChanged notifyObj)
        {
            notifyObj.PropertyChanged -= OnFooPropertyChanged;
        }
    }
}

同时你可以把BarPanel的ShouldRender逻辑调整为仅在Bar属性变更时才允许自身渲染，进一步降低性能开销：

@code { 
    [Parameter] public Foo InputFoo { get; set; }
    private string _cachedBarValue;

    protected override bool ShouldRender()
    {
        return _cachedBarValue != InputFoo.Bar;
    }

    protected override void OnParametersSet()
    {
        _cachedBarValue = InputFoo.Bar;
    }
}

方案2：显式调用子组件的StateHasChanged（适合简单场景）

如果你的项目中不便修改Foo类的实现，也可以在BarPanel中给QuxPanel加组件引用，当你感知到Foo.Qux变化时，直接调用QuxPanel的StateHasChanged()触发重渲染：

<span>@InputFoo.Bar</span> 
<QuxPanel @ref="_quxPanelRef" InputFoo="InputFoo" />
@code { 
    [Parameter] public Foo InputFoo { get; set; }
    private QuxPanel _quxPanelRef;

    // 你可以在合适的时机（比如收到外部状态变更通知时）调用该方法更新子组件
    public void RefreshQuxPanel()
    {
        _quxPanelRef?.StateHasChanged();
    }

    protected override bool ShouldRender()
    {
        // 照常禁止BarPanel自身不必要的渲染
        return _cachedBarValue != InputFoo.Bar;
    }
    // 其余缓存逻辑和上文一致
}

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