컴포넌트 분리
저번 포스팅에 @code부분인 AddUser()와 KickUser()를 컴포넌트화 시키기 위해 새로운 Blazor파일을 생성해 분리하도록 해보자
ShowUser 블레이저 파일 생성
ShowUser.razor파일을 생성해 User.razor에있던 리스트 생성과 유저 추가, 삭제하는 함수들을 옮겼다.
설명
-<ShowUser></ShowUser> : 새로 생성한 ShowUser.razor를 사용하기 위한 처리
-<ShowUser User ="_users"> : ShowUser.razor의 User변수와 User.razor의 _user의 변수를 공유한다
-@ref ="_showUser" : 부모쪽에서 자식에 접근하는 방식(이 처리가 없으면 @code에 ShowUser는 null임)
CallbackTest="CallbackTestFunc" : 콜백을 사용할 때
[Parameter] : 를 통해 다른 블레이저 파일에서 접근 가능하도록 명시한다.
(블레이저에서는 Action보다는 EventCallback을 추천한다. StateHasChanged()가 없어도 리프래시 처리 )
"CallbackTest"문자가 보임 : 콜백 호출이 잘되고 있다
'게임서버' 카테고리의 다른 글
| Blazor #6 RankingApp(1) (0) | 2022.10.17 |
|---|---|
| Blazor #5 Templated ComponentJavascript (0) | 2022.10.14 |
| Blazor #4 Templated Component (0) | 2022.10.08 |
| Blazor Binding #2 (0) | 2022.09.17 |
| Blazor Binding (0) | 2022.09.17 |