如何在Blazor组件中对参数分组？遇ButtonInit实例创建问题求解

你遇到的问题在于EventCallback的绑定时机：直接在字段初始化时传递方法引用（如OnConfirm），此时组件上下文尚未初始化，导致EventCallback无法正确关联到组件实例。不需要拆成两个独立参数，通过以下调整即可解决：

1. 优化组件内的按钮渲染逻辑 #

可以简化中间的Cancel方法，直接绑定CancelButton.OnClick：

@if (CancelButton is not null)
{
    <button type="button" class="btn btn-warning" @onclick="CancelButton.OnClick">
        @CancelButton.Text
    </button>
}

@code {
    [Parameter] public ButtonInit? CancelButton { get; set; } = null;

    // 保持ButtonInit结构体不变，也可以改为class（推荐，更符合引用类型的可空语义）
    public struct ButtonInit
    {
        public ButtonInit(string text, EventCallback onClick)
        {
            Text = text;
            OnClick = onClick;
        }

        public string Text { get; }
        public EventCallback OnClick { get; }

        public override string ToString() => $"{Text}-button";
    }
}

2. 正确创建ButtonInit实例 #

在父组件中，不要直接在字段初始化时创建实例，而是通过两种方式解决：

方式一：在组件生命周期方法中初始化 #

利用OnInitialized确保组件上下文就绪后，通过EventCallback.Factory.Create创建正确的回调：

private ButtonInit? OkBtn;

protected override void OnInitialized()
{
    OkBtn = new ButtonInit("Create", EventCallback.Factory.Create(this, OnConfirm));
}

private Task OnConfirm()
{
    // 这里写你的确认逻辑
    return Task.CompletedTask;
}

方式二：在父组件Razor中直接传递时创建 #

<YourComponent CancelButton="@(new ButtonInit("Cancel", EventCallback.Factory.Create(this, OnCancel)))" />

@code {
    private Task OnCancel()
    {
        // 取消逻辑
        return Task.CompletedTask;
    }
}

可选：将ButtonInit改为class #

如果觉得结构体的可空处理不够直观，可以将ButtonInit改为类，语义上更清晰：

public class ButtonInit
{
    public ButtonInit(string text, EventCallback onClick)
    {
        Text = text;
        OnClick = onClick;
    }

    public string Text { get; }
    public EventCallback OnClick { get; }

    public override string ToString() => $"{Text}-button";
}

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