如何以编程方式设置Blazor组件为Static SSR并动态切换渲染模式

是的，通过@rendermode指令编程设置时，确实无法直接指定静态SSR作为渲染模式。因为IComponentRenderMode接口的实现类仅包含InteractiveServer、InteractiveWebAssembly和InteractiveAuto这三种交互式模式，静态SSR是Blazor的默认渲染模式，无需显式指定。

如果要实现「默认静态SSR，按需切换到InteractiveServer」的效果，可以通过以下两种方式实现：

方式一：条件渲染不同组件实例 #

定义同一组件的两个使用场景，一个不指定@rendermode（默认静态SSR），另一个指定InteractiveServer，再根据业务逻辑动态渲染对应实例：

@if (enableInteractiveMode)
{
    <PageContent @rendermode="InteractiveServer" />
}
else
{
    <PageContent /> <!-- 默认使用静态SSR渲染 -->
}

@code {
    private bool enableInteractiveMode;

    // 根据业务逻辑切换enableInteractiveMode的值
}

方式二：通过方法返回动态渲染模式 #

通过方法返回IComponentRenderMode?类型，当需要静态SSR时返回null（Blazor会自动使用默认静态模式），需要交互式时返回InteractiveServer：

@rendermode GetCurrentRenderMode()

<div>页面内容</div>

@code {
    private IComponentRenderMode? GetCurrentRenderMode()
    {
        // 根据自定义逻辑判断是否启用交互式模式
        return ShouldUseInteractive() ? InteractiveServer : null;
    }

    private bool ShouldUseInteractive()
    {
        // 示例逻辑：根据用户权限或路由参数判断
        return true;
    }
}

关键说明 #

• 静态SSR是Blazor的默认行为，当不指定@rendermode或通过方法返回null时，组件会自动使用静态SSR渲染。
• 交互式渲染模式是IComponentRenderMode的具体实现，而静态SSR没有对应的实现类，因此无法直接赋值给renderModeForPage这类变量。

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