Aspnetcore: 매개 변수와 하위 구성 요소의 이름이 같은 경우 빌드 오류

@tagHelperPrefix 대한 지원 추가

문제

현재 Blazor v0.6.0 구현은 Razor @tagHelperPrefix 지원하지 않습니다.

기능적 영향

자식과 RenderFragment 가 같은 이름을 가진 부모 구성 요소의 RenderFragment 안에 자식 구성 요소를 포함하려고하면 컴파일 시간 오류가 발생합니다.

최소한의 재현 단계

Panel.cshtml 에 다음과 같은 구성 요소가 있다고 가정합니다.

<div class="panel panel-default">
  <div class="panel-heading">@PanelHeader</div>
  <div class="panel-body">@PanelBody</div>
</div>

@functions{
  [Parameter] private RenderFragment PanelHeader { get; set; }
  [Parameter] private RenderFragment PanelBody { get; set; }
}

PanelHeader.cshtml 다른 구성 요소는 다음과 같습니다.

<div>@Title</div>
<div>@SubTitle</div>

@functions{
  [Parameter] private string Title { get; set; }
  [Parameter] private string SubTitle { get; set; }
}

그런 다음 아래 코드와 같은 페이지에서이 두 구성 요소를 사용하면 컴파일 시간 오류가 발생합니다.

<Panel>
  <PanelHeader>
       <PanelHeader Title="some title" SubTitle="sub title"></PanelHeader>
  </PanelHeader>
  <PanelBody>Some content ...</PanelBody>
<Panel>

신청

RenderFragments에서 구성 요소를 쉽게 구분할 수 있도록 @tagHelperPrefix 대한 지원을 추가하는 것이 좋습니다.

위의 코드는 다음과 같이 다시 작성할 수 있습니다.

Panel.cshtml 는 다음과 같습니다.

<strong i="32">@tagHelperPrefix</strong> "pre1:"
<div class="panel panel-default">
  <div  class="panel-heading">@PanelHeader</div>
  <div  class="panel-body">@PanelBody</div>
</div>

@functions{
  [Parameter] private RenderFragment PanelHeader { get; set; }
  [Parameter] private RenderFragment PanelBody { get; set; }
}

PanelHeader.cshtml 는 다음과 같습니다.

<strong i="37">@tagHelperPrefix</strong> "pre2:"
<div>@Title</div>
<div>@SubTitle</div>

@functions{
  [Parameter] private string Title { get; set; }
  [Parameter] private string SubTitle { get; set; }
}

마지막으로 다음과 같이 자식 및 부모 구성 요소를 모두 사용할 수 있습니다.

<pre1:Panel>
  <PanelHeader>
       <pre2:PanelHeader Title="some title" SubTitle="sub title"></pre2:PanelHeader>
  </PanelHeader>
  <PanelBody>Some content ...</PanelBody>
<pre1:Panel>