React+ES6開發(fā)項目

一昔驱、項目結(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是刷新頁面


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末巾乳,一起剝皮案震驚了整個濱河市您没,隨后出現(xiàn)的幾起案子鸟召,更是在濱河造成了極大的恐慌,老刑警劉巖氨鹏,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件欧募,死亡現(xiàn)場離奇詭異,居然都是意外死亡仆抵,警方通過查閱死者的電腦和手機跟继,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來镣丑,“玉大人舔糖,你說我怎么就攤上這事≥航常” “怎么了金吗?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長慨蛙。 經(jīng)常有香客問我辽聊,道長,這世上最難降的妖魔是什么期贫? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮异袄,結(jié)果婚禮上通砍,老公的妹妹穿的比我還像新娘。我一直安慰自己烤蜕,他們只是感情好封孙,可當(dāng)我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著讽营,像睡著了一般虎忌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上橱鹏,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天膜蠢,我揣著相機與錄音,去河邊找鬼莉兰。 笑死挑围,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的糖荒。 我是一名探鬼主播杉辙,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼捶朵!你這毒婦竟也來了蜘矢?” 一聲冷哼從身側(cè)響起狂男,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎品腹,沒想到半個月后并淋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡珍昨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年县耽,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片镣典。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡兔毙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出兄春,到底是詐尸還是另有隱情澎剥,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布赶舆,位于F島的核電站哑姚,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏芜茵。R本人自食惡果不足惜叙量,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望九串。 院中可真熱鬧绞佩,春花似錦、人聲如沸猪钮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽烤低。三九已至肘交,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間扑馁,已是汗流浹背涯呻。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留檐蚜,地道東北人魄懂。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像闯第,于是被迫代替她去往敵國和親市栗。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內(nèi)容

  • SPA(Single Page Application) 單頁面應(yīng)用,就是只有一張Web頁面的應(yīng)用。單頁應(yīng)用程序 ...
    sheepmiee閱讀 1,432評論 0 5
  • 本筆記基于React官方文檔填帽,當(dāng)前React版本號為15.4.0蛛淋。 1. 安裝 1.1 嘗試 開始之前可以先去co...
    Awey閱讀 7,649評論 14 128
  • 原教程內(nèi)容詳見精益 React 學(xué)習(xí)指南,這只是我在學(xué)習(xí)過程中的一些閱讀筆記篡腌,個人覺得該教程講解深入淺出褐荷,比目前大...
    leonaxiong閱讀 2,810評論 1 18
  • 目前,react組件有三種寫法嘹悼,分別是es5的createClass寫法叛甫,es6的class寫法,以及statel...
    ZoomFunc閱讀 1,620評論 0 1
  • 自己最近的項目是基于react的杨伙,于是讀了一遍react的文檔其监,做了一些記錄(除了REFERENCE部分還沒開始讀...
    潘逸飛閱讀 3,339評論 1 10