首頁 > web前端 > js教程 > 如何將訊息從子元素傳遞回其父元素

如何將訊息從子元素傳遞回其父元素

Patricia Arquette
發布: 2024-12-12 17:25:13
原創
392 人瀏覽過

在此範例中,您將建立一個簡單的父子元素組合,透過函數參數從子元素傳回一些簡單的資料。


  • 首先使用帶有 onChange 屬性的輸入元素來建立一個簡單的子元素,以將本地化狀態變數更新為其當前值。

How to pass information from a child element back to its parent

  • 這是準系統元素,需要具有傳回其父元素的功能。下面我們對該元素的新增功能包括新增一個按鈕以「傳送資料」到其父元素,其中 onClick 指向一個本地函數,該函數呼叫現在傳遞到該子元素中的函數。

How to pass information from a child element back to its parent

  • 下一步是建立使用簡單狀態變數來保存傳回資料的父元素,以及從子元素呼叫的本地函數。從子函數傳回的資料向上傳遞到它的「處理程序」—handleDataFromChild(),然後被設定在我們的本地狀態變數中。現在可以透過該父元素存取該資料。

How to pass information from a child element back to its parent


非常感謝您花時間閱讀,不要忘記在 dev.to 上關注我的學習旅程,並評論我應該在 React 世界中研究的任何新內容!

以上是如何將訊息從子元素傳遞回其父元素的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板