コンポーネントにコンテンツを渡す

Blazor

■RenderFragment

　・コンポーネントにHTMLなどのコンテンツを渡すことを可能とするもの。

　・コンポーネント側Codeでは、RenderFragment型で、コンテンツを受け取る

　　パラメータを定義

　・コンポーネント側razorでは、受け取ったコンテンツを表示したい場所に、

　　@フラグメント名と定義する。

 　・コンポーネント呼び出し時、対象のコンポーネントタグ内で、

　　対象のRenderFragment名でタグを切り、そのタグ内で引き渡すHTMLを書く。

　　

<Component側 Code部>

[Parameter]
public RenderFragment Content1{ get; set; }
[Parameter]
public RenderFragment Content2 { get; set; }

 

<Component側 razor部>

<div>

    <p>@Content1</p>  

    <p>@Content2</p>

</div>

 

<Component呼び出し側>

<Component名 Title = "パラメータをコンポーネントに渡す">
    <Content1>
        <a href="https://yahoo/co.jp">Content1に表示</a>　///Content1にaタグが生成される
    </Content1>
    <Content2>
        <a href="https://Google/com">Content2に表示</a>
    </Content2>
</Component>