主页 / coding / 问题 / 76921348
Accepted
bilpor
Asked: 2023-08-17 20:04:30 +0800 CST

我应该如何使用 Blazor 将子对象传递回父对象

  • 772

我有一个父页面，其中有：

<CascadingValue Value="SelectedAddress">
    <CollectionAddress VendorNumber="@VendorNumber"></CollectionAddress>
</CascadingValue>

其背后的代码有：

 public AddressDTO SelectedAddress { get; set; } = new AddressDTO();

我的子组件有

 [CascadingParameter]
 protected AddressDTO? SelectedAddress { get; set; }

在子组件中我设置了 SelectedAddress，但是当我切换回父组件时 SelectedAddress 为空。我是否使用错误，这是我第一次尝试使用级联参数。

c#

1 个回答

  1. Best Answer

    实际上恰恰相反。CascadingValue 用于将数据从父组件发送到子组件（通常向下不止一级）。如果您想将数据从子级发送到父级，请使用 EventCallback 参数，如下所示：

    家长

    @page "/"

<CollectionAddress AddressChanged="AddressRecieved" />
@addressStree

@code {
    private string addressStree;
    public AddressDTO SelectedAddress { get; set; } = new AddressDTO()
        {
            Street = "Garden"
        };

    private async Task AddressRecieved(AddressDTO address)
    {
        addressStree = address.Street;
    }
}

    孩子

    <h3>Collection Address</h3>
<button @onclick="SendAddress">Change Adddress</button>

@code {
    //[CascadingParameter]
    //protected AddressDTO? SelectedAddress { get; set; }

    [Parameter]
    public EventCallback<AddressDTO> AddressChanged { get; set; }

    private async void SendAddress()
    {
        await AddressChanged.InvokeAsync(new AddressDTO { Street = "Garden" });
    }
}

    达托

       public class AddressDTO
    {
        public string? Street { get; set; }
    }
    • 1

相关问题