Blazorの親コンポーネントから子コンポーネントメソッドを呼び出す方法は?

レザマレクモハマディ

私には2つの要素があります。最初のコンポーネントにはモデルのリストが含まれ、2番目のコンポーネントにはモーダルフォームが含まれています最初のコンポーネント内でモデルをクリックしたい2番目のコンポーネントで、モーダルを開き、モデルを編集して、親コンポーネントから子コンポーネントのshow関数を呼び出す方法

<ChildComponent />
<button onClick="@ShowModal">show modal</button>

@code{
    ChildComponent child; 

    void ShowModal(){
        child.Show();
    }
}

私は@usingを使用していますが、このコードにはエラーがあります:

タイプまたは名前空間名ChildComponentcoudが見つかりません

火星からのアグア

まず、子コンポーネントの参照をキャプチャする必要があります。

<ChildComponent @ref="child" />

次に、この参照を使用して、コードで行うように子コンポーネントメソッドを呼び出すことができます。

<button onClick="@ShowModal">show modal</button>

@code{
    ChildComponent child; 

    void ShowModal(){
        child.Show();
    }
}

コンポーネントの名前空間は、ページまたは_Imports.razorのいずれかを使用して追加する必要があります。コンポーネントがサブフォルダーComponents / ChildComponent.razorにある場合、その名前空間は{YourAppNameSpace} .Componentsです。

@using MyBlazorApp.Components

コードを読む

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

子コンポーネントから親コンポーネントのメソッドを呼び出す

分類Dev

親コンポーネントから子コンポーネントのメソッドを呼び出す方法は?

分類Dev

EmberJSで親から子コンポーネントのメソッドを呼び出す方法

分類Dev

親コンポーネントから子コンポーネントのメソッドを呼び出すにはどうすればよいですか?

分類Dev

Angular6の親コンポーネントから子コンポーネントのメソッドを呼び出す方法

分類Dev

Reactの親コンポーネントから子コンポーネントのメソッドを呼び出す方法

分類Dev

foreachを使用して親コンポーネントから子コンポーネントメソッドを呼び出す方法

分類Dev

子から親コンポーネントのメソッドを呼び出す-ReactNative

分類Dev

親コンポーネントから複数の子メソッドを呼び出す

分類Dev

親から機能コンポーネントの子メソッドを呼び出す

分類Dev

子コンポーネントの状態を更新した後、親コンポーネントのsetStateメソッドを呼び出す方法は?

分類Dev

子コンポーネントをレンダリングするか、親コンポーネントから子コンポーネントのメソッドを呼び出す、またはその逆[React Native]

分類Dev

反応:親コンポーネントから子コンポーネントのメソッドを呼び出す

分類Dev

子クラスコンポーネントから親クラスコンポーネントのメソッドを呼び出す

分類Dev

ReactJS。親コンポーネントからコンポーネントのメソッドを呼び出す方法

分類Dev

mainメソッドからコンポーネントのメソッドを呼び出す方法は?

分類Dev

親クラスから子コンポーネントメソッドを呼び出す-Angular

分類Dev

深くネストされた子コンポーネントからメソッドを呼び出す方法

分類Dev

JsxVueで記述された子コンポーネントから親コンポーネントメソッドを呼び出す

分類Dev

refメソッドを使用せずに親/パスプロップから親コンポーネントに子関数を呼び出す方法は?

分類Dev

reactの子クラスコンポーネントで親メソッドを呼び出す方法

分類Dev

BlazorのページコンポーネントからMainLayoutのメソッドを呼び出す

分類Dev

親Vueコンポーネントのメソッドを呼び出す

分類Dev

あるコンポーネントから別のコンポーネントにメソッドを呼び出す簡単な方法はありますか?

分類Dev

あるコンポーネントのメソッドを別のコンポーネントから呼び出す方法はangular2です。

分類Dev

Angular 2のあるコンポーネントから別のコンポーネントにメソッドを呼び出す方法は?

分類Dev

vuejsの親コンポーネントから子コンポーネントにメソッドを渡す

分類Dev

Angularの別のコンポーネントからメソッドを呼び出す方法は?

分類Dev

Reactの子コンポーネントのメソッドを呼び出す

Related 関連記事

  1. 1

    子コンポーネントから親コンポーネントのメソッドを呼び出す

  2. 2

    親コンポーネントから子コンポーネントのメソッドを呼び出す方法は?

  3. 3

    EmberJSで親から子コンポーネントのメソッドを呼び出す方法

  4. 4

    親コンポーネントから子コンポーネントのメソッドを呼び出すにはどうすればよいですか?

  5. 5

    Angular6の親コンポーネントから子コンポーネントのメソッドを呼び出す方法

  6. 6

    Reactの親コンポーネントから子コンポーネントのメソッドを呼び出す方法

  7. 7

    foreachを使用して親コンポーネントから子コンポーネントメソッドを呼び出す方法

  8. 8

    子から親コンポーネントのメソッドを呼び出す-ReactNative

  9. 9

    親コンポーネントから複数の子メソッドを呼び出す

  10. 10

    親から機能コンポーネントの子メソッドを呼び出す

  11. 11

    子コンポーネントの状態を更新した後、親コンポーネントのsetStateメソッドを呼び出す方法は?

  12. 12

    子コンポーネントをレンダリングするか、親コンポーネントから子コンポーネントのメソッドを呼び出す、またはその逆[React Native]

  13. 13

    反応:親コンポーネントから子コンポーネントのメソッドを呼び出す

  14. 14

    子クラスコンポーネントから親クラスコンポーネントのメソッドを呼び出す

  15. 15

    ReactJS。親コンポーネントからコンポーネントのメソッドを呼び出す方法

  16. 16

    mainメソッドからコンポーネントのメソッドを呼び出す方法は?

  17. 17

    親クラスから子コンポーネントメソッドを呼び出す-Angular

  18. 18

    深くネストされた子コンポーネントからメソッドを呼び出す方法

  19. 19

    JsxVueで記述された子コンポーネントから親コンポーネントメソッドを呼び出す

  20. 20

    refメソッドを使用せずに親/パスプロップから親コンポーネントに子関数を呼び出す方法は?

  21. 21

    reactの子クラスコンポーネントで親メソッドを呼び出す方法

  22. 22

    BlazorのページコンポーネントからMainLayoutのメソッドを呼び出す

  23. 23

    親Vueコンポーネントのメソッドを呼び出す

  24. 24

    あるコンポーネントから別のコンポーネントにメソッドを呼び出す簡単な方法はありますか?

  25. 25

    あるコンポーネントのメソッドを別のコンポーネントから呼び出す方法はangular2です。

  26. 26

    Angular 2のあるコンポーネントから別のコンポーネントにメソッドを呼び出す方法は?

  27. 27

    vuejsの親コンポーネントから子コンポーネントにメソッドを渡す

  28. 28

    Angularの別のコンポーネントからメソッドを呼び出す方法は?

  29. 29

    Reactの子コンポーネントのメソッドを呼び出す

ホットタグ

アーカイブ