React 生命周期

  1. 函數式組件肯定是無狀態(tài)組件否副,類組件可以是無狀態(tài)組件也可以是有狀態(tài)組件

生命周期:即react實例從創(chuàng)建到銷毀的執(zhí)行過程

具體生命周期分三個階段:

     創(chuàng)建(初始化)階段:
        componentWillMount:render渲染前 
        render:渲染鉤子
        componentDidMount:
            * 1.渲染完后,DOM加載到頁面上要執(zhí)行的鉤子,相當于vue的mounted鉤子
          * 2.推薦與后臺交互獲取數據在componentDidMount中獲取

     運行更新階段:

componentWillReceiveProps:接收其他組件傳過來的屬性之前要執(zhí)行的鉤子,第一次組件加載時不會執(zhí)行,有新數據傳遞過來時才執(zhí)行
componentWillUpdate:是在組件間更新前觸發(fā),不管這個值有沒有變化
componentDidUpdate:更新后執(zhí)行的鉤子
shouldComponentUpdate:生命周期鉤子優(yōu)化,可以判斷render是否重新渲染慢睡,如果返回true,則渲染,否則返回false不渲染

     銷毀階段:

props和state的區(qū)別:

    state:(對內)針對組件內部的狀態(tài)膨疏,組件外外部是訪問不到的
props:(對外)是組件之間訪問時用到的一睁,組件內部可以通過props來訪問到另一個組件的數據

原則:多用props,少用state

ref

this.props.chidren
proptypes
findDOMNode

彈性盒參考資料:

css3手冊關于flex:

http://www.css88.com/book/css/properties/flex/align-self.htm

Flex 布局教程:語法篇
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

Flex 布局教程:實例篇
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

ES6 定義class參考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Classes

數據交互:

原生實現(xiàn):XMLHttpRequest,fetch
第三方庫實現(xiàn):jQuery $.ajax,axios等 

如果是本地模擬json,json文件應該放在public目錄下,

axios官方 github地址:https://github.com/axios/axios

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末佃却,一起剝皮案震驚了整個濱河市者吁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌饲帅,老刑警劉巖复凳,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異灶泵,居然都是意外死亡育八,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進店門赦邻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來髓棋,“玉大人,你說我怎么就攤上這事惶洲“瓷” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵恬吕,是天一觀的道長签则。 經常有香客問我,道長铐料,這世上最難降的妖魔是什么渐裂? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任豺旬,我火速辦了婚禮,結果婚禮上柒凉,老公的妹妹穿的比我還像新娘族阅。我一直安慰自己,他們只是感情好扛拨,可當我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布耘分。 她就那樣靜靜地躺著,像睡著了一般绑警。 火紅的嫁衣襯著肌膚如雪求泰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天计盒,我揣著相機與錄音渴频,去河邊找鬼。 笑死北启,一個胖子當著我的面吹牛卜朗,可吹牛的內容都是我干的。 我是一名探鬼主播咕村,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼场钉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了懈涛?” 一聲冷哼從身側響起逛万,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎批钠,沒想到半個月后宇植,有當地人在樹林里發(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡埋心,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年指郁,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片拷呆。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡闲坎,死狀恐怖,靈堂內的尸體忽然破棺而出茬斧,到底是詐尸還是另有隱情箫柳,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布啥供,位于F島的核電站,受9級特大地震影響库糠,放射性物質發(fā)生泄漏伙狐。R本人自食惡果不足惜涮毫,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贷屎。 院中可真熱鬧罢防,春花似錦、人聲如沸唉侄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽属划。三九已至轧叽,卻和暖如春贼陶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工怜庸, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人赘方。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓铛楣,卻偏偏與公主長得像,于是被迫代替她去往敵國和親明肮。 傳聞我的和親對象是個殘疾皇子菱农,可洞房花燭夜當晚...
    茶點故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內容

  • 函數式組件肯定是無狀態(tài)組件,類組件可以是無狀態(tài)組件也可以是有狀態(tài)組件 生命周期:即react實例從創(chuàng)建到銷毀的執(zhí)行...
    Live_60c3閱讀 159評論 0 1
  • 組件的生命周期方法分以下三個階段柿估。 Mounting當創(chuàng)建組件的實例并將其插入到DOM中時循未,將調用這些方法:con...
    _八神光_閱讀 1,094評論 0 0
  • 這一部分內容一直一知半解,最近發(fā)現(xiàn)一篇文章官份,非常好的解釋了生命周期的問題只厘,留存在這里,以備后查舅巷! 簡介 一個rea...
    春木橙云閱讀 921評論 0 5
  • 裝載過程: Constructor:初始化state羔味;綁定成員函數的this環(huán)境(bind、:: )防止以解構的方...
    a不知所謂閱讀 351評論 0 1
  • 每個組件都有幾個生命周期函數钠右,以 will 為前綴的函數是在發(fā)生某些事之前調用赋元,以 did 為前綴的是在發(fā)生某些事...
    我向你奔閱讀 6,111評論 1 4