[Blazor] razor Page 안에 razor Page 넣기

Counter.razor 페이지를 Index.razor 페이지 안으로 넣는 방법은 간단합니다.
아래처럼 Counter 테크를 넣으면 끝.

<Counter/>

Counter 에 public 필드를 선언하게되면 Index.razor 의 테그에 선언한 필드가 표시되어 사용이 가능합니다.
* [Parameter] 선언필수

Counter.razor - Increment 추가

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<button class="btn btn-primary" @onclick="IncrementCount">Click me (@currentCount)</button>

@code {
    [Parameter]
    public int Increment { get; set; } = 1;

    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount += Increment;
    }
}

Index.razor

@page "/"

<PageTitle>Index</PageTitle>

<h1>Hello, world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

<Counter Increment="10"/>

실행결과

[Source]
https://github.com/kei-soft/Blazor.AppTest