Blazor子组件参数变更时如何触发重新渲染？

首先明确：OnInitializedAsync 只在组件第一次初始化时执行，参数变更不会触发这个方法，这是Blazor组件生命周期的正常行为。你不需要手动调用它，正确的做法是利用专门处理参数变更的生命周期方法：

1. 子组件中使用OnParametersSetAsync/OnParametersSet #

在ExamTicketDisplay组件中，用[Parameter]标记TicketId参数，然后在OnParametersSetAsync（异步场景）或OnParametersSet（同步场景）中处理参数变更后的逻辑，比如加载新票据数据：

public class ExamTicketDisplay : ComponentBase
{
    [Parameter]
    public string TicketId { get; set; }

    // 当参数变更时自动触发
    protected override async Task OnParametersSetAsync()
    {
        // 这里写TicketId更新后的业务逻辑，比如重新加载对应票据
        await LoadTicketDetails(TicketId);
    }

    private async Task LoadTicketDetails(string ticketId)
    {
        // 模拟从API或本地获取票据数据的逻辑
        // ...
    }
}

2. 确保父组件正确触发状态更新 #

父组件中，当_currentTicket的值变更后，Blazor通常会自动检测到状态变化并重新渲染子组件。如果是在异步方法或非UI事件中修改_currentTicket，才需要手动调用StateHasChanged()，但不需要额外操作子组件：

<!-- 父组件代码 -->
<button @onclick="ChangeTicket">切换票据</button>
<ExamTicketDisplay TicketId="@_currentTicket" />

@code {
    private string _currentTicket = "ticket1";

    private void ChangeTicket()
    {
        _currentTicket = "ticket2";
        // 同步方法中Blazor会自动触发状态变更，无需手动调用StateHasChanged
        // 异步方法中修改参数后，通常也无需额外调用，特殊场景除外
    }
}

3. 避免错误做法 #

不要在参数的setter中手动调用OnInitializedAsync，这会破坏组件生命周期的正常流程，可能导致重复初始化、状态混乱等问题。OnParametersSet系列方法就是Blazor为参数变更场景设计的标准处理入口。

额外注意点 #

如果TicketId是引用类型（比如自定义对象），要确保变更的是对象的引用而不是仅修改内部属性，Blazor通过比较参数的引用/值来判断是否需要更新子组件。如果是值类型（如string、int），只要值变化就会触发更新，你的场景中TicketId是string，所以只要_currentTicket的值改变，子组件就会收到新参数并执行OnParametersSetAsync。

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