[Blazor] razor 페이지 추가 및 메뉴 연결하기

razor 페이지는 아래처럼 추가 > Razor 구성 요소 를 선택하여 이름 지정 후 추가합니다.

Todo.razor

@page "/todo"

<h3>Todo</h3>

@code {

}

@page 에 선언된 내용이 razor 테그에서 접근될 주소입니다.
Shared/NavMenu.razor 에 우측 메뉴내용이 있으며 여기에 Todo 페이지를 연결할수 있도록 메뉴를 추가해줍니다.

<div class="nav-item px-3"> <NavLink class="nav-link" href="todo"> <span class="oi oi-list-rich" aria-hidden="true"></span> Todo </NavLink> </div>

herf 내용이 @page 내용과 일치해야합니다

실행결과

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