[Blazor] 컴포넌트 간 데이터 받는 방법

 

안녕하세요! 
오늘은 Blazor 컴포넌트 간 데이터 받는 방법에 대해서 알아 볼거에요 !

<div>
	<TestComponent @ref="test" />
</div>

@code {
	TestComponent test;
}

 

코드 부분에 사용할 컴포넌트를 선언 해주고 

위에 "ref"를 넣어 주면 해당 컴포넌트에서 데이터를 가져 올 수 있어요 !

 

Ex)

 

Test1 컴포넌트

/* Test1 컴포넌트 */

<div>
	<TestComponent2 @ref="test2" test1="" />
</div>

@code {
	TestComponent2 test2
    
    void getMsg()
    {
    	test2.sendMsg();
    }
}

 

Test2 컴포넌트

 

/* Test2 컴포넌트 */

@code {
	[Parameter]
	public string test1 { get; set; }

	public void sendMsg()
    {
    	string Msg = "Test1";
    }
}

 

 

컴포넌트 2에 있는 'public' 열어 놓은 것들은 컴포넌트1에서 사용이 가능해요!

파라미터를 지정하면 받아 왔어 사용이 가능해요