Blazor Server托管WASM客户端级联参数传递失败问题

1. 确保级联值的作用域覆盖目标子组件 #

App.razor中的<CascadingValue>必须包裹所有需要接收该值的子组件（包括MainLayout、LogInForm及其嵌套组件）。正确的结构示例：

@code {
    [Parameter]
    public string[] SocialProvidersArray { get; set; }
    private string[] SocialProviders { get; set; }

    protected override void OnInitialized()
    {
        SocialProviders = SocialProvidersArray;
    }
}

@if (SocialProviders != null)
{
    <CascadingValue Value="@SocialProviders">
        <Router AppAssembly="@typeof(App).Assembly">
            <Found Context="routeData">
                <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
            </Found>
            <NotFound>
                <LayoutView Layout="@typeof(MainLayout)">
                    <p role="alert">Sorry, there's nothing at this address.</p>
                </LayoutView>
            </NotFound>
        </Router>
    </CascadingValue>
}
else
{
    <p>Loading...</p>
}

2. 调整子组件的参数读取时机 #

级联参数的绑定可能晚于OnInitialized生命周期阶段，建议在OnParametersSet或OnParametersSetAsync中处理值：

@code {
    [CascadingParameter]
    public string[] SocialProviders { get; set; }

    protected override void OnParametersSet()
    {
        if (SocialProviders != null)
        {
            // 在这里执行依赖级联值的初始化逻辑
        }
    }
}

如果必须在初始化阶段处理，可通过App组件中的@if(SocialProviders != null)判断，确保值就绪后再渲染子组件，避免子组件读取到null。

3. 校验参数传递的全链路正确性 #

• 检查_Host.cshtml中向App组件传参的代码，确保参数名和类型匹配：

  <component type="typeof(App)" render-mode="WebAssemblyPrerendered" param-SocialProvidersArray="@Model.ProviderNames" />
  

• 确认App.razor中接收参数后，已正确赋值给级联值的源变量（如示例中的SocialProviders）。

4. 保证级联参数的类型完全匹配 #

子组件中[CascadingParameter]标记的属性类型，必须和App组件传递的SocialProviders类型完全一致（比如都是string[]），类型不匹配会导致接收值为null。

内容的提问来源于stack exchange，提问作者M Kenyon II