如何在 Blazor 内部的函数中编写 Blazor HTML 代码@code
block?
考虑以下代码:
@page "/Test"
@if (option == 1)
{
drawSomething("Something");
}
else
{
drawSomething("Something else");
}
@code {
int option;
void drawSomething(string message)
{
<p>message</p>
}
}
在我尝试构建之前它不会产生任何错误,然后它给出以下错误:
错误CS0103名称'__builder'在当前中不存在
语境
在 (Test.razor.g.cs
):
__builder.AddContent(0, " ");
__builder.AddMarkupContent(1, "<p>message</p>\r\n");
如果这意味着 Blazor HTML 代码只能编写在文件的第一部分而不是函数或类中,那么这似乎非常有限。
我正在使用撰写本文时的最新版本(3.0.100-preview9-014004
) 的 Blazor。
注意:给定示例中的输出高度简化,我想知道我是否以及如何能够从函数内编写代码而不以更好的方式解决上面的输出。
更新,您现在可以使用:
@GreetPerson("John")
@code {
RenderFragment GreetPerson(string name)
{
return @<p>Hello <em>@name</em></p>;
}
}
旧答案:
这是宣布为 Preview6 的一项功能 https://devblogs.microsoft.com/aspnet/asp-net-core-and-blazor-updates-in-net-core-3-0-preview-6/但当时并没有像宣传的那样发挥作用,后来一些细节似乎也发生了变化。该页面底部有一条来自 Cosmin Sontu 的评论,指出了正确的方法:
@using Microsoft.AspNetCore.Components.Rendering
@*tested with preview 9*@
@{ GreetPerson(__builder, "John"); }
@code {
void GreetPerson(RenderTreeBuilder __builder, string name)
{
<p>Hello, <em>@name!</em></p>
}
}
名字__builder
无法更改。那是一个双下划线。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)