Child Components

■Components

 ・Blazorで作る一つ一つの要素(Pageなど)をComponentsという。

  機能ごとに個別にComponentsを作り、それを適宜ページで呼び出す

  ことでシステムを構築していくことができる

 

■Child Cpomponents

 ・Pageの任意の場所から呼び出すComponentをChild Componentという。

 ①配置場所

  ・通常、Componentsフォルダを作りその中に配置する。

 ②作成方法

  ・Pageと同じだが、ルーティングに関する記載は不要

  ex)ChildRazor.razor

   <div>@Item.Name</div>
   <div>@Item.Height</div>
   @code {

    @*パラメータ付きで呼ばれる場合はParameter属性付与*@
       [Parameter]
       public BmiItem Item { get; set; }
       [Parameter]
       public RenderFragment ChildContnet { get; set; }
   }

   @*以下のClassは別ファイルで定義*@

   @code {
       public class BmiItem
       {
           public string Name { get; set; }
           public double Height { get; set; }
    }
   }

 

 ③呼び方

  呼び出したいrazor内で、以下のように呼ぶ。

  <BlazorBmi.Components.ChildRazor Item="@it" />