子要素から親要素に情報を渡す方法

この例では、関数パラメータを通じて子要素からいくつかの単純なデータを返す単純な親要素と子要素の組み合わせを作成します。

---

• まず onChange プロパティを持つ input 要素を使用して単純な子要素を作成し、ローカライズされた状態変数を現在の値に更新します。

• これは最低限の要素であり、親要素に渡す機能が必要です。以下の要素への追加には、この子要素に渡される関数を呼び出すローカル関数を指す onClick を持つ親に「データ送信」の新しいボタンを追加することが含まれます。

• 次のステップは、返されたデータを保持する単純な状態変数と、子から呼び出されるローカル関数を使用する親要素を作成することです。子関数から返されるデータは、その「ハンドラー」である handleDataFromChild() に上向きに渡され、ローカル状態変数内に設定されます。このデータは、この親要素全体からアクセスできるようになりました。

---

時間を割いて読んでいただき、本当にありがとうございます。dev.to で私の学習の旅に沿ってフォローし、React の世界に関して私が調べるべき新しいことがあればコメントすることを忘れないでください!

以上が子要素から親要素に情報を渡す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。