是否可通过传入Action参数构建Blazor中的MarkupString？

你预期的直接在MarkupString里写@onclick绑定C# Action的写法完全无法实现。

Blazor的@onclick这类Razor语法指令，是项目编译阶段由Razor编译器静态解析处理的，不是运行时动态识别的：

• 你在.razor文件里写的@onclick="@Toggle"，会在编译时被转换成C#代码，用RenderTreeBuilder注册对应的事件回调，最终生成的渲染逻辑里根本不存在@onclick这个字符串。
• 而MarkupString是运行时才生成的纯字符串，Blazor渲染它的时候只会把内容当原生静态HTML插入DOM，完全不会解析字符串里@开头的Blazor语法，你就算把@onclick="xxx"拼到字符串里，最终也只会变成DOM上一个无意义的普通属性，点击不会触发任何C#方法。
• MarkupString的设计初衷就是渲染不需要Blazor交互处理的静态HTML片段，比如富文本存储的文章内容、静态SVG等，所有带事件绑定、双向绑定、组件引用的动态交互内容，都不能靠拼接MarkupString实现。

要实现可复用的、带事件绑定的DOM片段封装，不要用MarkupString，改用Blazor原生支持的RenderFragment，用RenderTreeBuilder手动构建渲染片段，效果和Razor编译出来的逻辑完全等价：

RenderFragment HelperBuild(Action toggleAction)
{
    return builder =>
    {
        // 打开div标签，序列号按顺序递增即可
        builder.OpenElement(0, "div");
        // 添加style样式属性
        builder.AddAttribute(1, "style", "display: flex;align-items: center;");
        // 绑定点击事件回调
        builder.AddAttribute(2, "onclick", EventCallback.Factory.Create<MouseEventArgs>(this, toggleAction));
        
        // 可在此处添加div内部的其他内容，比如文本、子元素、嵌套组件
        // builder.AddContent(3, "点击触发切换操作");
        
        // 闭合div标签
        builder.CloseElement();
    };
}

使用方式非常简单，直接在Razor组件中调用即可：

@HelperBuild(Toggle)

这种方式实现的片段和你直接在razor里写原生div加@onclick的行为完全一致，事件能正常触发，也支持Blazor的所有原生特性（双向绑定、参数传递、组件嵌套等）。

如果你在极特殊场景下必须用MarkupString输出带点击交互的内容，只能写原生JS的onclick属性，通过JS互操作调用C#方法。但这种方案需要手动处理组件实例引用、内存释放、参数传递的问题，违背Blazor的设计逻辑，除非完全没有其他选择否则不要使用。

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