BL0005警告：组件参数ClickAction不可在组件外设置的解决方案咨询

你遇到的BL0005警告，根源是ActionButton继承了ComponentBase，且将它的[Parameter]属性ClickAction在组件外部直接赋值。Blazor禁止在组件外部设置组件参数属性，改用EventCallback可解决该问题，同时它天然支持同步、异步方法，无需额外区分处理。

以下是修改后的完整代码：

1. 修改ActionButton类 #

无需让它继承ComponentBase，它只是承载按钮数据的模型，不是独立组件。将Action替换为EventCallback：

public class ActionButton
{
    public string Title { get; set; } = string.Empty;

    public EventCallback ClickAction { get; set; }
}

2. 修改Index页面 #

直接将同步/异步方法赋值给ClickAction，EventCallback会自动适配：

@page "/"

<div>
    <ActionButtonBar ActionButtons="Actbtns"></ActionButtonBar>
</div>

@code {
    List<ActionButton> Actbtns = new();

    protected override Task OnInitializedAsync()
    {
        var somebtns = new List<ActionButton>
        {
            new()
            {
                Title = "Action 1",
                ClickAction = EventCallback.Factory.Create(this, Foo)
            },
            new()
            {
                Title = "Action 2",
                ClickAction = EventCallback.Factory.Create(this, Foo2)
            }
        };
        Actbtns.AddRange(somebtns);
        return base.OnInitializedAsync();
    }

    public void Foo() {}

    public async Task Foo2() { await Task.CompletedTask; }
}

注：也可以简写为ClickAction = Foo或ClickAction = Foo2，Blazor会自动完成转换，使用EventCallback.Factory.Create是更规范的写法。

3. 修改ActionButtonBar组件 #

在按钮点击事件中通过InvokeAsync()触发EventCallback：

<div id="button-group-container" class="btn-group" role="group" aria-label="Basic example">
    @foreach (var button in ActionButtons)
    {
        <button type="button" class="btn btn-info rounded-pill" @onclick="@(() => button.ClickAction.InvokeAsync())">@button.Title</button>
    }
</div>

@code {
    [Parameter]
    public List<ActionButton> ActionButtons { get; set; } = new();
}

关键说明 #

• 移除ActionButton的ComponentBase继承：它仅作为数据载体，无需具备Blazor组件特性，从根源避免参数外部赋值的警告。
• EventCallback的优势：自动兼容同步（返回void）和异步（返回Task）方法，无需像Action/Func<Task>那样做分支处理。
• 标准触发方式：必须通过InvokeAsync()调用EventCallback，符合Blazor组件生命周期和线程安全要求。

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