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