从 Blazor 组件 EventCallback 获取 ChangeEventArgs 值？ 重构后目前为null

Question

我重构了我编写的一些 Blazor 代码，用于将带有 onchange function 的下拉列表从页面移动到带有 EventHandler 参数的单独 Blazor 组件中。 以前它在页面 razor 文件内部工作，onchange function，但现在当它作为 EventCallback 调用时，ChangeEventArgs 是 null。

猜猜我需要在组件内的@onchange 中传递参数，如果是的话，用什么语法来获取当前选中的项目？

提前致谢，

抢

带有组件标签的页面：

<div class="form-group">
    <LocationsDropdown Locations="Locations" Location_OnChange="@Location_OnChange"/>
</div>

页基class方法：

public async Task Location_OnChange(ChangeEventArgs e)
{
    PageId = 1;
    if (e != null)
        LocationId = Convert.ToInt32(e.Value);
    await Load().ConfigureAwait(false);
}

新组件：

<select class="form-control" @onchange="@(() => Location_OnChange.InvokeAsync())">
<option value="-1">All Locations</option>
@{
    if (Locations != null)
    {
        foreach (var location in Locations)
        {
            <option value="@location.Id">@location.Description</option>
        }
    }
}

@code {
[Parameter]
public EventCallback<ChangeEventArgs> Location_OnChange { get; set; }

[Parameter]
public IList<Location>? Locations { get; set; }

}

Answer 1

只需添加来自 select 组件 onchange 事件的参数并继续...

<select class="form-control" @onchange="@((e) => Location_OnChange.InvokeAsync(e))">