最近在開發支付寶小程序,所以對在開發中遇到的問題做一些總結啦......
不足的地方還望大家指點,抱拳了老鐵!!!
一、父組件使用子組件
1.在 .json 文件中注冊組件,如下圖
注意:自定義的文件名必須小寫,否則報錯啊
2.在父組件中使用子組件
二、父組件向子組件傳值
1.在組件標簽上自定義名稱,並綁定要傳的值;如下圖
2.在子組件的 .js 文件中 props 獲取自定義名稱並聲明數據類型,如下圖
注意:目前接受的數據類型為 String、Boolean、Number、Object、Array、null(表示任意數據類型)
3.在 didMount() 方法中可以打印出傳過來的數據, 上圖用this.setData再去賦值是多余的,可以直接使用rewardlists
4.組件聲明周期解讀:
那我就直接上支付寶文檔的圖啦......
三、子組件向父組件傳方法
1.定義方法名,然后子組件的 methods 函數中 使用方法,如圖
2.使用this.props.onTaskDetail() ,里面可以帶一些參數如上圖;onTaskDetail是自定義
然后在父組件中使用onTaskDetail接收toTaskDetail方法,如下圖
3.然后在父組件頁面使用toTaskDetail方法,也可以接收到傳過來的參數;e.taskId 就是子組件通過方法傳過來的參數
如下圖:
-----------------------------------------------------------------------------------------------------------------------------------------------
emmm......今天寫到這,后面還會繼續更新一些內容。抱拳!