Blazor组件：如何仅在首次加载时获取初始数据？

核心问题分析 #

你遇到的first变量始终为true，大概率是因为误将它标记为[Parameter]参数——父组件每次渲染都会传入初始值true，导致你在OnInitializedAsync里修改的false被直接覆盖。另外需要明确：OnInitializedAsync仅在组件首次实例化时执行一次，若表单提交时它被触发，说明你的提交逻辑可能导致组件被意外销毁重建。

正确实现方案 #

方案1：用私有字段控制首次加载 #

不要把控制状态的变量设为组件参数，改用组件内部私有字段维护加载状态：

@code {
    [Parameter]
    public int Id { get; set; }

    // 组件内部私有状态，不受外部参数影响
    private bool _hasLoadedInitialData;
    private YourModel _editModel;

    protected override async Task OnInitializedAsync()
    {
        if (!_hasLoadedInitialData)
        {
            // 仅首次加载时获取数据
            _editModel = await YourDataService.GetEntityByIdAsync(Id);
            _hasLoadedInitialData = true;
        }
    }

    private async Task HandleValidSubmit()
    {
        await YourDataService.UpdateEntityAsync(_editModel);
        // 提交后无需重置_hasLoadedInitialData，避免覆盖用户输入
    }
}

方案2：适配参数变化场景（若Id可能动态更新） #

如果Id参数会在组件生命周期中变化（比如从列表页切换到不同编辑项），可在参数更新时重新加载数据，但保留首次加载的判断逻辑：

@code {
    [Parameter]
    public int Id { get; set; }

    private bool _hasLoadedInitialData;
    private int _lastLoadedId;
    private YourModel _editModel;

    protected override async Task OnParametersSetAsync()
    {
        // 首次加载 或 Id参数发生变化时，重新获取数据
        if (!_hasLoadedInitialData || Id != _lastLoadedId)
        {
            _editModel = await YourDataService.GetEntityByIdAsync(Id);
            _hasLoadedInitialData = true;
            _lastLoadedId = Id;
        }
    }

    private async Task HandleValidSubmit()
    {
        await YourDataService.UpdateEntityAsync(_editModel);
    }
}

方案3：避免组件意外重建 #

若表单提交时组件被意外销毁重建，可通过以下方式规避：

• 给组件添加稳定的@key属性，比如绑定到Id：<YourEditComponent Id="@currentId" @key="@currentId" />，确保Id不变时组件实例不会被重建。
• 检查表单提交逻辑，避免触发手动导航到当前页面这类会重建组件的操作。

关键注意事项 #

• 绝不要用[Parameter]字段维护组件内部状态：参数由父组件控制，组件内部修改不会同步回父组件，且父组件重新渲染会覆盖参数值。
• 区分生命周期方法：OnInitializedAsync仅在组件首次实例化时执行，OnParametersSetAsync会在每次参数更新（含首次加载）时执行，按需选择即可。

内容的提问来源于stack exchange，提问作者niico