Aspnetcore: पैरामीटर और चाइल्ड घटक का नाम समान होने पर त्रुटि बनाएँ

@tagHelperPrefix लिए समर्थन जोड़ें

संकट

Blazor v0.6.0 के वर्तमान कार्यान्वयन में रेजर @tagHelperPrefix समर्थन नहीं है

क्रियात्मक प्रभाव

एक मूल घटक के रेंडरफ्रैगमेंट के अंदर एक बाल घटक को शामिल करने की कोशिश करना, जहां बच्चे और रेंडरफ्रैगमेंट दोनों का नाम एक ही है, जिसके परिणामस्वरूप संकलन समय त्रुटि होगी।

मिनिमल रिप्रो स्टेप्स

मान लीजिए कि हमारे पास 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>