一昔驱、項目結(jié)構(gòu)
簡單做下說明:
1、ModuleName是定義組件的名稱上忍,首字母一點要大寫
2骤肛、this.state里邊存放我們的需要的字段,比如下面綁定的數(shù)據(jù)是一個數(shù)組窍蓝,那么需要建一個datalist:[],然后把Ajax獲取回來的數(shù)據(jù)賦給這個空數(shù)組
3腋颠、生命周期,在實際開發(fā)中用的最多的是componentDidMount吓笙,也就是頁面加載完成后執(zhí)行的函數(shù)淑玫,其他生命周期幾乎不用,不要問為什么面睛,就是不用
4絮蒿、es6中函數(shù)方法的寫法,比如點擊事件
5侮穿、帶有參數(shù)的函數(shù)寫法:
其他寫法和上面一樣
二歌径、如何初始化渲染頁面數(shù)據(jù)
比如頁面初始化進來的時候需要展示一個列表數(shù)據(jù),展示的內(nèi)容有圖片亲茅,文字等回铛,這些數(shù)據(jù)需要通過Ajax獲取。下面簡單介紹下怎么渲染
1.在state里定義一個空數(shù)組來保存Ajax獲取回來的數(shù)據(jù)
2.定義一個初始化函數(shù)克锣,比如名字為loadActivityList
3.這個方法什么時候執(zhí)行呢茵肃?肯定也頁面加載出來后,也就是把這個方法放在生命周期componentDidMount中袭祟,dom加載出來開始渲染數(shù)據(jù)
三验残、this.state與this.setState
this.state是賦值,this.setState是刷新頁面