[Blazor] 부모, 자식 사이에서 값을 Event로 전달

부모 페이지 내에 Sub페이지(Component)들이 삽입되어 있을 때

자식에서 부모로 Data를 주고받는 처리입니다.

 

• 부모의 페이지에서는 자식으로부터 들오올때 진입되는 이벤트를 연결을 해둡니다.

<ChildPage OnClick="OnClickHandler"></ChildPage>

@code{
    ...
    void OnClickHandler(object obj)
    {
    	// Child Page에서 호출한 부분이 요기로 들어옵니다.
    }
}

• 자식의 페이지에서는 아래와 같이 부모의 이벤트를 Parameter로 연결을 해둡니다.

<Button "@onclick=(() => SendData())"></Button>

@code{
	[Parameter]
    public EventCallback<string> OnClickHandler { get; set; }
    
    void SendData()
    {
    	// 부모로 특정값을 Send합니다.
    	OnClickHandler.InvokeAsync("Test");
    }
}