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; }
}

次に、以下のコードのようなページでこれら2つのコンポーネントを使用すると、コンパイル時エラーが発生します。

<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>