Blazor Wasm：如何从子组件更新CascadingValue实现全局加载指示器

BL0005警告的核心原因是直接修改组件的Parameter属性，违反了Blazor单向数据流的设计规范（参数应由父组件传递，子组件不应直接修改）。以下是符合规范且能让子组件灵活控制加载指示器的实现方案：

1. 重构LoadingIndicator组件 #

将状态维护从Parameter移到组件内部私有字段，通过公共方法暴露控制逻辑，避免外部直接修改参数：

<CascadingValue Value="this">
    <TelerikLoaderContainer Visible="@_isVisible" Text="@_text" />
    @ChildContent
</CascadingValue>

@code {
    [Parameter]
    public RenderFragment? ChildContent { get; set; }

    // 私有字段维护内部状态，避免直接暴露给外部修改
    private bool _isVisible;
    private string _text = string.Empty;

    // 可选：允许父组件初始化加载器状态
    [Parameter]
    public bool InitialVisible { get; set; }

    [Parameter]
    public string InitialText { get; set; } = "加载中...";

    protected override void OnInitialized()
    {
        // 用初始化参数设置初始状态
        _isVisible = InitialVisible;
        _text = InitialText;
    }

    // 供子组件调用的公共控制方法
    public void Show(string text = "加载中...")
    {
        _text = text;
        _isVisible = true;
        StateHasChanged(); // 手动通知组件更新UI
    }

    public void Hide()
    {
        _isVisible = false;
        StateHasChanged();
    }
}

2. 子组件中控制加载指示器 #

通过级联参数获取LoadingIndicator实例，调用公共方法控制状态，不再直接修改参数：

@code {
    [CascadingParameter]
    protected LoadingIndicator LoadingIndicator { get; set; } = default!;

    protected override async Task OnInitializedAsync()
    {
        // 调用公共方法显示加载器，传入自定义文本
        LoadingIndicator.Show("test");

        // 模拟异步业务操作
        await Task.Delay(2000);
        
        // 操作完成后隐藏加载器
        LoadingIndicator.Hide();
    }
}

3. MainLayout中保持原有用法 #

无需修改MainLayout的级联值配置，确保所有子组件能正常获取LoadingIndicator实例：

<LoadingIndicator>
    @Body
</LoadingIndicator>

这个方案既遵守了Blazor的数据流规范，消除了BL0005警告，又让子组件能灵活控制全局加载指示器的显示状态和文本。

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