[c# blazor] NavigateTo를 이용한 특정 페이지 이동방법

 

 

일반적으로 버튼을 클릭하여 특정 url로 이동할때 href속성값을 이용합니다.

 

 

하지만 이번 포스팅에서는 href가 아닌 NavigateTo를 활용하여 특정 url로 이동하는 방법에 대해 알아보겠습니다.

 

먼저 아래와 같이 NavagationManager라는 클래스를 inject합니다.

NavigationManagerReference는 해당 클래스를 사용하기위해 사용되는 이름이라 보시면 됩니다.

그렇기 때문에 아무렇게 이름을 적으셔도 상관없습니다.

 

 

href를 지우고 onclick이벤트를 등록합니다.

 

 

해당 버튼을 누르면 GoToGoogle()이라는 함수가 실행되는 코드입니다.

 

GoToGoogle()함수 바디에는 앞서 inject한 NavigationManagerRefrence 객체의 메소드인 NavigateTo를 사용하고, 인자로 우리가 가고자하는 주소를 넣어줍니다.

 

 

output:

 

 

 

그렇다면 NavigateTo를 왜 사용할까요?

href는 UI단에서만 컨트롤이 가능하지만, NavigateTo는 함수 안에서 정의되기 때문에, 여러 조건에 따라 다양한 커스터마이징이 가능합니다.