将属性委托传递给 Blazor 组件给出“不接受 1 个参数”错误

Question

我正在尝试将属性作为委托传递给 Blazor 组件。但是，我收到 Delegate 'Func<Pen, int, stirng>' does not take 1 argument 错误。并且不确定正确的语法应该是什么。

这是组件：

@typeparam TItem

<div class="MarelAutoComplete">
    <div class="MarelAutoCompleteList">
        @foreach (var item in Data.Select(Property))
        {
            ...
        }
    </div>
</div>
@code {

    [Parameter]
    public List<TItem> Data { get; set; }

    [Parameter]
    public Func<TItem, string> Property { get; set; }
}

下面是调用代码：

<MyComponent TItem="Pen"
             TValue="myVal"
             Data="Pens"
             Property="pen => pen.PenNumber" /> // Error On This Line.
@code {

   List<Pen> Pens { get; set; }
}

Answer 1

您报告的错误是 Delegate 'Func<Pen, int, string>' does not take 1 argument，而Property 定义为Func<TItem, string>。

Func<TItem, string> Property 说我想要一个看起来像这样的函数：

string MyMethod(TItem item)

您的匿名函数是pen => pen.PenNumber，属性期望pen.PenNumber 作为字符串。是吗？

这是您所做工作的简化工作版本：

TextBox.razor

@typeparam TItem
<h3>@Value</h3>

@foreach (var item in Data.Select(this.Property))
{
 <div>@item</div>
}

@code {
    [Parameter] public string Value { get; set; } = "Bonjour";
    [Parameter] public Func<TItem, string> Property { get; set; }
    [Parameter] public List<TItem> Data { get; set; }
}

Index.razor

@page "/"
@using Blazor.Starter.Data

<div>
    <TextBox TItem="Model" Data="models" Property="item => item.Value"></TextBox>
</div>

@code {

    public string GetProperty(Model model)
    {
        return model.Value;
    }

    public List<Model> models => new List<Model>()
    {
        new Model() { Value = "Fred"},
        new Model() { Value = "Jon"},
        new Model() { Value = "Bob"},
     };


    public class Model
    {
        public string Value { get; set; }
    }
}

Answer 2

问题是一个简单的语法问题。以这种方式定义输入函数时，输入变量需要用括号括起来。

通过改变它起作用了：

Property="pen => pen.PenNumber" 

到这里：

Property="(pen) => pen.PenNumber"