Blazor EventCallback 参数未触发

Question

我正在尝试让子组件更新父组件的列表。 为此，我设置了一个 EventCallback，它接受一个列表并将其发送给父级。 问题是事件永远不会触发并且回调中的 HasDelegate 变量为 false。

Parent .razor.cs:
        public async Task UpdateSelectedCompanies(List<CompanyStub> companies)
        {
            _selectedCompanies = companies;

            await InvokeAsync(StateHasChanged);
        }

Parent .razor:
        <CompanyTable IncludeCheckbox="true" UpdateCompanies="@UpdateSelectedCompanies"></CompanyTable>

Child .razor.cs:
        [Parameter] public EventCallback<List<CompanyStub>> UpdateCompanies { get; set; }

        private async Task CheckboxRowSelectHandler(RowSelectEventArgs<CompanyStub> args)
        {
            SelectedCompanies.Add(args.Data);

            await UpdateCompanies.InvokeAsync(SelectedCompanies);

        }

CheckboxRowSelectHandler 确实被调用，但 UpdateCompanies 事件永远不会触发。

我期待事件被触发，但事件永远不会被触发。

Answer 1

这是您的代码的简化版本。 用它来测试你的孩子/父母。

要检查的一件事：您的 razor.cs 文件是否正确链接到 razor 组件文件？

ChildComponent.razor

<div class="m-2 p-2 bg-light">
    <h3>ChildComponent</h3>

    <button class="btn btn-primary" @onclick=this.OnClick>Click me</button>

</div>

@code {
    [Parameter] public EventCallback<string> ValueChanged { get; set; }

    private async Task OnClick()
        => await this.ValueChanged.InvokeAsync($"Set at {DateTime.Now.ToLongTimeString()}");
}

@page "/"

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<ChildComponent ValueChanged="@this.OnClicked" />

@if (!string.IsNullOrWhiteSpace(this.message))
{
    <div class="alert alert-info">
        @message
    </div>
}

@code {
    private string message = string.Empty;

    // No call to StateHasChanged required
    // The ComponentBase UI handler does it
    private void OnClicked(string value)
        => message = value;
}