Blazor Server（.NET 9）中CascadingParameter为空问题求助

原因分析 #

1. 级联值覆盖范围问题：你的ShoppingCart是路由组件（@page "/shopping-cart"），若ShoppingCartLayout作为ShoppingCart的布局组件，其渲染上下文可能不在ShoppingCartState的CascadingValue覆盖范围内——ShoppingCartState仅包裹ShoppingCartPage，而路由系统直接渲染ShoppingCart，导致ShoppingCartLayout不在级联树中。
2. 生命周期时机问题：ShoppingCartState中LoadCartAsync在OnAfterRenderAsync执行，该方法在组件首次渲染后才触发。初始渲染时虽初始化了CartModel = new()，但如果ShoppingCartLayout的渲染早于级联值的渲染，就会获取到null。
3. 层级倒置问题：若ShoppingCartLayout是全局布局或父级布局，其层级高于ShoppingCartState，自然无法接收下层组件提供的级联值。

解决方案 #

方案一：调整组件层级，让ShoppingCartLayout纳入级联范围 #

修改组件嵌套结构，确保ShoppingCartLayout被ShoppingCartState直接包裹。例如在App.razor或父级路由组件中：

<ShoppingCartState>
    <ShoppingCartLayout>
        <RouterView />
    </ShoppingCartLayout>
</ShoppingCartState>

这样所有路由组件（包括ShoppingCart）及其布局都处于ShoppingCartState的级联值覆盖范围内。

方案二：直接关联ShoppingCartState到ShoppingCartLayout #

通过级联参数直接获取ShoppingCartState实例，进而访问CartModel：

// ShoppingCartLayout.razor
@implements IDisposable

@code {
    [CascadingParameter]
    private ShoppingCartState? CartState { get; set; }
    private ShoppingCartModel? CartModel;

    protected override void OnInitialized()
    {
        if (CartState is not null)
        {
            CartModel = CartState.CartModel;
            CartState.OnCartUpdated += UpdateCartModel;
        }
    }

    private void UpdateCartModel()
    {
        CartModel = CartState?.CartModel;
        StateHasChanged();
    }

    public void Dispose()
    {
        if (CartState is not null)
        {
            CartState.OnCartUpdated -= UpdateCartModel;
        }
    }
}

也可将ShoppingCartState注册为Scoped服务，通过@inject ShoppingCartState CartState直接注入。

方案三：提前加载CartModel，确保初始渲染时级联值可用 #

将LoadCartAsync移至OnInitializedAsync生命周期方法，在组件渲染前完成数据加载：

// ShoppingCartState.razor 修改代码
protected override async Task OnInitializedAsync()
{
    OnCartUpdated += StateHasChanged;
    await LoadCartAsync();
}

// 移除原OnAfterRenderAsync中的加载逻辑

这样CartModel会在ShoppingCartState渲染ChildContent前准备完毕，ShoppingCartLayout初始化时就能获取到有效的级联值。

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