如何在@code挡路中编写Blazor HTML代码？ [英] How do I write Blazor HTML code inside the @code block?

问题描述

如何在@code挡路内的函数中编写Blazor HTML代码？

考虑以下代码：

@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>
");

如果这意味着Blazor HTML代码只能在文件的第一部分中编写，而不能在函数或类中编写，则它似乎非常有限。

我使用的是撰写Blazor的最新版本(3.0.100-preview9-014004)。

注意：给定示例中的输出已高度简化，我想知道我是否以及如何能够从函数内部编写代码，而不是以更好的方式解决上面的输出。

推荐答案

更新，您现在可以使用：

@GreetPerson("John")

@code {
  RenderFragment GreetPerson(string name)
  {
    return @<p>Hello <em>@name</em></p>;
  }
}

旧答案：

这是announced as a feature for Preview6，但它当时并没有像广告中所宣传的那样工作，而且一些细节似乎后来发生了变化。科斯明·桑图(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无法更改。这是一个双下划线。

这篇关于如何在@code挡路中编写Blazor HTML代码？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！