Blazor 父子组件传递对象

在Blazor中，您可以通过组件参数传递对象，从父组件向子组件传递对象数据。以下是一个示例，演示了如何在父组件中创建一个对象，并将其传递给子组件：

ParentComponent.razor（父组件）

@page "/parent"

Parent Component




@code {
    private MyObject childData = new MyObject
    {
        Id = 1,
        Name = "Object from parent"
    };

    public class MyObject
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
}

ChildComponent.razor（子组件）

Child Component


Object ID: @ChildData.Id
Object Name: @ChildData.Name

@code {
    [Parameter]
    public ParentComponent.MyObject ChildData { get; set; }
}

在上面的示例中，父组件（ParentComponent）创建了一个名为 childData 的对象，并将其传递给子组件（ChildComponent）作为参数。子组件通过 [Parameter] 属性接收并显示传递的对象数据。

请注意，ChildData 属性的类型必须与传递的对象的类型相匹配。在这个示例中，我们使用了一个内部类 MyObject 来表示对象的结构，但您可以使用任何C#类来表示您需要传递的数据。