子Componentから親に値を引き渡す

子側で引数付きのイベントを起こし、親はそのイベントを購読する。

 

●手順

<<Component側>>

 

①子側でイベントコールバックを定義

 [Parameter]

 public EventCallback<引き渡す値の型> 任意のイベント名 { get; set; }

 

②値を渡したいタイミングでイベントを起こす

 イベントは、InvokeAsyncで起こしてもいいし、例えば子側の

 ボタンクリックイベントでやるなら、onclick属性にイベントコールバックを

 直接指定してもよい。

Invokeする場合】

 ・await this.任意のイベント名.InvokeAsync(引き渡す値);

【onclickイベントなどで起こす場合】 

 ・<button @onclick="任意のイベント名" />

 

<<親側>>

 コンポーネント呼び出し時、イベントコールバック名と、イベント

 呼び出し時に実行するメソッド名を紐づける。

 

 <子Component 任意のイベント名="@実行するメソッド名" />

 @code{

  private void 実行するメソッド名(引き渡す値 変数名)

 }