1. 程式人生 > 實用技巧 >react實際專案開發中實現父子元件通訊

react實際專案開發中實現父子元件通訊

首先我們知道,父元件向子元件傳參:通過props。(注: 這個props可以是a、b… ,出於規範,我們寫props)
第一步: 在父元件中定義一個布林型別變數,通過布林型別變數控制我們傳入子元件的資料引數。同時我們還要定義兩個方法分別給布林型別變數設定true和false。
在這裡插入圖片描述
在這裡插入圖片描述
第二步: 在子元件中取出父元件傳遞過來的父元件中定義的兩個函式。
在這裡插入圖片描述
第三步: 在子元件相應的地方分別取呼叫父元件中傳遞過來的兩個函式,便可以實現子元件裡觸發父元件中的方法,實現我們的需求效果。
在這裡插入圖片描述