HTML 中的 Blazor Razor 返回语句

Question

我最近继承了一个 Blazor 项目，遇到了许多 .razor 文件，例如：

<h1>Some header text></h1>
@if(someCondition) {
<div> lots of html and what not here taking up many lines</div>
} else {
<div> more html taking up many lines</div>
}

我想知道的是，是否有一种语法可以让我通过在我的“if”条件中添加一个 return 语句来消除隐藏在杂草中的“else”语句。含义：

<h1>Some header text></h1>
@if(someCondition) {
<div> lots of html and what not here taking up many lines</div>
return //JUST BAIL HERE INSTEAD OF HAVING TO START AN ELSE BLOCK LIKE I DO ELSEWHERE IN LIFE
}

<div> more html taking up many lines</div>

Answer 1

是的。您可以使用return; 这样结束RenderFragment 没有其他内容被绘制。

blazor repl

Answer 2

是的，你可以，就像 Brian's answer shows，但是 Razor 鼓励将你的标记分解成可以更容易组合的组件。在这种情况下，我会考虑将您的 <div></div> 元素分解为它们自己的组件，从而使生成的 Razor 更简单：

<h1>Some header text></h1>
@if(someCondition)
{
    <component1 />
}
else
{
    <component2 />
}

编辑添加：

想象一下，为什么在某些页面中没有呈现一些巨大的标记块，而没有围绕它的条件。才发现组件中间有一些意想不到的return 语句。如果是我，我想我的反应不会很好。