我尝试创建一个包装组件，用于封装 Ant Blazor UI 框架中的 `Select` 组件。
为此，我阅读了有关双向绑定的 [Microsoft 文档][1]。
我的包装似乎按预期工作，但在进行一些日志记录时，我不理解其内部工作原理。
这是我的包装器组件的代码：
```csharp
<Select TItem="ClientTitleDto"
        TItemValue="int?"
        DataSource="@ClientTitleList&quot
        @bind-Value="@ChildValue&quot
        LabelName="@nameof(ClientTitleDto.Name)&quot
        ValueName="@nameof(ClientTitleDto.Id)">
</Select>
@code {
    [Parameter]
    public int? Value { get; set; }
    [Parameter]
    public EventCallback<int?> ValueChanged { get; set; }
    private List<ClientTitreDto> ClientTitleList { get; set; } = new ();
    
    private int? ChildValue
    {
        get => Value;
        set
        {
            Console.WriteLine($"从子组件设置，值：{value}");
            ValueChanged.InvokeAsync(value);
        }
    }
    protected override async Task OnInitializedAsync()
    {
        var response = await ClientTitlesApi.GetAllAsync();
        ClientTitleList = response.Data;
    }
    protected override void OnParametersSet()
    {
        Console.WriteLine($"从父组件设置，值：{Value}");
    }
}

<MyWrapper @bind-Value="@selectedID"/>
<Button OnClick="() => selectedID = 5">从父组件更改</Button>
@code {
    private int? selectedID;
}

从子组件设置，值：10
从父组件设置，值：10

从父组件设置，值：5
从子组件设置，值：5
从父组件设置，值：5

<details>
<summary>英文:</summary>
I try to create a wrapper component around the `Select` component from Ant Blazor ui framework.
For this I read the [microsoft docs about two way binding][1].
My wrapper seems to work as intended but when I do some logging I don&#39;t understand how it works under the hood.
This is the code for my wrapper :
```csharp
&lt;Select TItem=&quot;ClientTitleDto&quot;
        TItemValue=&quot;int?&quot;
        DataSource=&quot;@ClientTitleList&quot;
        @bind-Value=&quot;@ChildValue&quot;
        LabelName=&quot;@nameof(ClientTitleDto.Name)&quot;
        ValueName=&quot;@nameof(ClientTitleDto.Id)&quot;&gt;
&lt;/Select&gt;
@code {
    [Parameter]
    public int? Value { get; set; }
    [Parameter]
    public EventCallback&lt;int?&gt; ValueChanged { get; set; }
    private List&lt;ClientTitreDto&gt; ClientTitleList { get; set; } = new ();
    
    private int? ChildValue
    {
        get =&gt; Value;
        set
        {
            Console.WriteLine($&quot;Set from child, value : {value}&quot;);
            ValueChanged.InvokeAsync(value);
        }
    }
    protected override async Task OnInitializedAsync()
    {
        var response = await ClientTitlesApi.GetAllAsync();
        ClientTitleList = response.Data;
    }
    protected override void OnParametersSet()
    {
        Console.WriteLine($&quot;Set from parent, value : {Value}&quot;);
    }
}

<MyWrapper @bind-Value="@selectedID"/>
<Button OnClick="() => selectedID = 5">Change from parent</Button>
@code {
    private int? selectedID;
}

Set from child, value : 10
Set from parent, value : 10

Set from parent, value : 5
Set from child, value : 5
Set from parent, value : 5

我已经使用标准组件重新编写了您的代码，以构建一个最小的可复制示例，以探索您报告的行为。
组件 - MySelect.razor
```csharp
@using System.Diagnostics;
<InputSelect class="form-select" @bind-Value=ChildValue >
    @if(ChildValue is null)
    {
        <option disabled selected value=""> -- 选择一个值 -- </option>
    }
    @foreach(var option in options)
    {
        <option value="@option.Value">@option.Description</option>
    }
</InputSelect>
@code {
    [Parameter] public int? Value { get; set; }
    [Parameter] public EventCallback<int?> ValueChanged { get; set; }
    private int? ChildValue
    {
        get => Value;
        set
        {
            Debug.WriteLine($"从子组件设置，值：{value}");
            ValueChanged.InvokeAsync(value);
        }
    }
    protected override async Task OnInitializedAsync()
    {
        // 虚拟的异步行为
        await Task.Delay(100);
    }
    protected override void OnParametersSet()
    {
        Debug.WriteLine($"从父组件设置，值：{Value}");
    }
    public IEnumerable<OptionList> options = new List<OptionList&gt
    {
        new OptionList(1, "英国"),
        new OptionList(2, "法国"),
        new OptionList(3, "葡萄牙"),
        new OptionList(4, "西班牙"),
        new OptionList(5, "意大利"),
    };
    public record OptionList(int Value, string Description);
}

@page "/"
<PageTitle>Index</PageTitle>
<h1>你好，世界！</h1>
这是父组件：
<MySelect @bind-Value="@selectedID"/>
<div class="m-2 p-2">
    <button class="btn btn-primary" @onclick="() => selectedID = 5">从父组件更改</button>
</div>
@code {
    private int? selectedID;
}

从父组件设置，值： 

从子组件设置，值： 2
从父组件设置，值： 2

从父组件设置，值： 5