Blazor: Passing Data from Child Component to Parent Component

子组件无法直接向父组件传递数据，因此首先在子组件中定义一个回调事件。在父组件引用子组件时，将父组件的方法绑定到子组件中，然后在子组件触发回调即可。

子组件 Child.razor ：

<input @bind="Value" />
<button @onclick="StartEvent">传递到父组件</button>
@code{
    private string Value;
    [Parameter]
    public EventCallback<string> ChildEvents { get; set; }
    private async Task StartEvent()
    {
        Console.WriteLine(Value);
        if (ChildEvents.HasDelegate)
        {
            Console.WriteLine(Value);
            await ChildEvents.InvokeAsync(Value);
        }
    }
}

父组件 Parent.razor ：

@page "/p"
<div class="bg-primary jumbotron  text-white">
    子组件：
    <Child ChildEvents="@MyEvent" />
    <br />
    父组件：
    <p>@_Value</p>
</div>
@code{
    private string _Value;
    private void MyEvent(string value)
    {
        _Value = value;
    }
}