Blazor组件传参报错：Sort调用LoadProjects出现CS1503错误

CS1503错误的根源是参数类型不匹配：Sort组件定义的OnSortClick是EventCallback<(string, bool)>（元组类型回调），但父组件Table中的LoadProjects方法接受两个独立的string和bool参数，Blazor无法自动将元组转换为两个独立参数进行绑定。

以下是两种可行的解决方法：

方法1：修改父组件方法适配元组参数 #

直接调整LoadProjects的参数为元组类型，在方法内部解构使用：

// Table.razor 中的 LoadProjects 方法
private async Task LoadProjects((string column, bool asc) sortParams)
{
    // 解构元组为独立参数
    var (column, asc) = sortParams;
    projects = await projectsService.GetProjects(column, asc);
    sortedProjects = new List<Projects>(projects);
}

修改后，原有的<Sort columnName="projectname" OnSortClick="LoadProjects" />绑定即可正常工作，因为参数类型完全匹配。

方法2：使用Lambda表达式适配参数 #

保持LoadProjects方法不变，在父组件绑定OnSortClick时，通过Lambda表达式将元组解构为两个独立参数：

<!-- Table.razor 中的 Sort 组件调用 -->
<Sort columnName="projectname" OnSortClick="@(async (sortTuple) => await LoadProjects(sortTuple.Item1, sortTuple.Item2))" />

如果希望代码更清晰，可以给元组添加具名字段（需同步修改Sort组件的回调参数定义），再用具名解构：

// Sort组件代码修改
[Parameter] public EventCallback<(string ColumnName, bool IsAscending)> OnSortClick { get; set; }

private async Task HandleClickAsc()
{
    await OnSortClick.InvokeAsync((columnName, false));
}

private async Task HandleClickDesc()
{
    await OnSortClick.InvokeAsync((columnName, true));
}

对应父组件调用：

<Sort columnName="projectname" OnSortClick="@(async (tuple) => await LoadProjects(tuple.ColumnName, tuple.IsAscending))" />

额外最佳实践提示 #

Blazor组件参数推荐使用PascalCase命名规范，建议将Sort组件中的columnName参数改为ColumnName，提升代码规范性：

// Sort组件参数修改
[Parameter] public string ColumnName { get; set; }

对应的父组件调用同步调整：

<Sort ColumnName="projectname" OnSortClick="LoadProjects" />

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