react 組建件數據傳遞

父傳子:最簡單也是最基礎的一種數據傳遞方式

父組件:

圖片.png

父組件中調用子組件并將數據放入 datas 中傳給子組件,子組件通過 props 進行調用。

子傳父:
1、子組件調用父組件的方法:
父組件:

圖片.png

子組件:

圖片.png

2、ref 形式:
在父組件中調用子組件 CarItem,并命名 ref 屬性值為 changeState

圖片.png

在父組件中合適的地方觸發調用子方法的方法,然后開始與子組件通信,調用子組件中對應的方法。

圖片.png

子組件:

圖片.png

同級組件數據傳遞:
1、以父級作為中介進行傳遞。
2、pub /sub
A組件:

圖片.png

B組件:

圖片.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 自己最近的項目是基于react的,于是讀了一遍react的文檔,做了一些記錄(除了REFERENCE部分還沒開始讀...
    潘逸飛閱讀 3,478評論 1 10
  • It's a common pattern in React to wrap a component in an ...
    jplyue閱讀 3,300評論 0 2
  • 深入JSX date:20170412筆記原文其實JSX是React.createElement(componen...
    gaoer1938閱讀 8,104評論 2 35
  • 161223 清早六點的埃及,夜色還未褪去。 和新舍友前往水果攤的路上,經歷膽戰心驚。 25埃鎊買到一整提水果,被...
    XxXxXxN閱讀 251評論 0 0
  • 六一節到了,我一大早收拾完就去學校,我坐在教室里 看大哥哥大姐姐在表演,我覺得很精彩,表演結束后就放學了, 到了下...
    胡雅彤閱讀 420評論 0 0