react父元素獲取子元素表單數據

通常來講有兩種實現方式

一種是父子組件實時在進行數據傳遞和獲取（即實時獲取）
一種是在父組件點擊時獲取子組件數據，期間父組件並不實時收集子組件變化的數據（即點擊時獲取）

簡述：

注意：
    一、子組件調用父組件的方法：將父組件的方法以函數屬性的形式傳遞給子組件，子組件就能夠調用
    二、父組件調用子組件的方法：在父組件經過ref獲得子組件標籤對象，知識點：標籤對象就是組件對象

 

 

（1）實時獲取

本質：父組件傳遞函數事件，而後在子組件裏綁定到對應數據上

一、父組件傳遞事件

　　

二、子組件繼承並調用事件

　　

三、父組件設置監聽，接受子組件變化

　　

　　此時即可以在父組件接受子組件表單數據

 

 

（2）點擊時獲取

　　結合ref實現，主要分爲三部曲，以下所示

父組件：
    1、建立：建立用來保存ref標識的標籤對象容器
    2、傳遞：調用處傳入ref
    3、調用獲取

子組件：
    一、封裝獲取方法，以供父組件獲取子組件數據

　　具體以下：

　　一、父組件建立

　　

 

　　二、父組件：傳入ref

　　

 

　　三、父組件獲取

　　

this.platformList.current.getPlatformList()爲獲取關鍵

　　四、子組件封裝獲取數據方法，以供父組件調用

　　

本質：標籤對象就是組件對象

　　

 

 

 

 

 

.