Blazor中DynamicComponent跨组件调用失效问题咨询

你的操作有误，Blazor组件不能通过new Platform()的方式创建实例，这种方式生成的实例脱离了Blazor的组件生命周期管理，状态变更无法触发UI渲染。

正确实现方式 #

1. 使用组件引用（Component Reference） #

如果Platform是作为Home组件的子组件存在，可通过组件引用来调用它的方法：

Platform.razor

<a href="" @onclick:preventDefault @onclick="@(()=>ChangePage("ListLinks"))">切换到ListLinks</a>

@code {
    public Type? selectedPage = typeof(Empty);
    
    public void ChangePage(string page)
    {
        selectedPage = page.Length > 0 ? Type.GetType($"Namespace.Shared.{page}") : null;
        StateHasChanged(); // 手动触发状态更新（按需使用）
    }
}

Home.razor

<Platform @ref="platformRef"></Platform>
<DynamicComponent Type="@platformRef?.selectedPage"></DynamicComponent>

@code {
    private Platform? platformRef;
    
    // 可在Home组件的其他方法中调用platformRef.ChangePage()来切换页面
}

2. 使用状态容器（State Container） #

如果Platform和Home是独立组件，需要跨组件共享状态，推荐用状态容器管理选中的页面类型：

PageStateContainer.cs

public class PageStateContainer
{
    public Type? SelectedPage { get; private set; } = typeof(Empty);
    
    public event Action? OnPageChanged;
    
    public void ChangePage(string page)
    {
        SelectedPage = page.Length > 0 ? Type.GetType($"Namespace.Shared.{page}") : null;
        OnPageChanged?.Invoke();
    }
}

在Program.cs中注册为单例：

builder.Services.AddSingleton<PageStateContainer>();

Platform.razor

<a href="" @onclick:preventDefault @onclick="@(()=>_pageState.ChangePage("ListLinks"))">切换到ListLinks</a>

@code {
    [Inject]
    private PageStateContainer _pageState { get; set; } = default!;
}

Home.razor

<DynamicComponent Type="@_pageState.SelectedPage"></DynamicComponent>

@code {
    [Inject]
    private PageStateContainer _pageState { get; set; } = default!;
    
    protected override void OnInitialized()
    {
        _pageState.OnPageChanged += StateHasChanged;
    }
    
    public void Dispose()
    {
        _pageState.OnPageChanged -= StateHasChanged;
    }
}

关键原因 #

Blazor的组件状态更新依赖内置的生命周期机制，只有通过Blazor框架创建的组件实例（比如通过<Platform>标签渲染），状态变更时才能自动触发UI重渲染。手动new的实例不具备这种能力，所以即使修改了selectedPage，DynamicComponent也无法感知到变化。

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