react-native基本知識點(4/4)

獵手家園發表於2022-04-25

一、目錄結構

App.js            專案的根元件
index.js 專案的入口檔案
package.json 專案的描述檔案
eslintrc.js eslint的配置檔案
prettierrc.js 格式化配置檔案
android 編譯android相關
ios 編譯ios相關

 

二、生命週期

1、constructor
例項被初始化時,一般對元件做初始化工作,如state

 

2、render
元件被渲染時和被更新時

 

3、componentDidMount
元件掛載完畢後觸發,如釋出非同步請求

 

4、componentWillUnmount
元件被解除安裝時觸發,如清除定時器、取消訂閱

 

三、元件

1、this關鍵字的傳遞問題

由於疏忽,經常遇到this關鍵字報undefind的錯誤,常用的解決辦法就是使用箭頭函式,如:

handlePress=()=>{
    console.log()
}


2、mobx 全域性資料管理庫

 

3、props 子父元件屬性傳遞

 

4、state 相當於vue中的data,設定區域性變數

 

 

 (待續更新中......)

相關文章