將react元素渲染到頁面上

渲染react元素

在第一個(gè)例子中就已經(jīng)接觸過了

  1. 首先定義react元素
const element = <div>Hello React</div>
  1. 使用ReactDOM.render方法將元素顯示在頁面上
ReactDOM.render(element, document.getElementById('app'))

更新react元素

react元素是不可變的,不能修改它的子元素和屬性(不知道怎么理解)
到目前為止,我們更新元素只能新建一個(gè)element芽唇,通過ReactDOM.render渲染至頁面中來達(dá)到更新目的。

react更新只更新需要更新的部分

604402831-58ae3fd72217c_articlex.gif
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末丰包,一起剝皮案震驚了整個(gè)濱河市饶唤,隨后出現(xiàn)的幾起案子肄程,更是在濱河造成了極大的恐慌睦擂,老刑警劉巖得湘,帶你破解...
    沈念sama閱讀 207,248評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異顿仇,居然都是意外死亡淘正,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門臼闻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鸿吆,“玉大人,你說我怎么就攤上這事些阅∩〗#” “怎么了斑唬?”我有些...
    開封第一講書人閱讀 153,443評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵市埋,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我恕刘,道長(zhǎng)缤谎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,475評(píng)論 1 279
  • 正文 為了忘掉前任褐着,我火速辦了婚禮坷澡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘含蓉。我一直安慰自己频敛,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評(píng)論 5 374
  • 文/花漫 我一把揭開白布馅扣。 她就那樣靜靜地躺著斟赚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪差油。 梳的紋絲不亂的頭發(fā)上拗军,一...
    開封第一講書人閱讀 49,185評(píng)論 1 284
  • 那天任洞,我揣著相機(jī)與錄音,去河邊找鬼发侵。 笑死交掏,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的刃鳄。 我是一名探鬼主播盅弛,決...
    沈念sama閱讀 38,451評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼叔锐!你這毒婦竟也來了熊尉?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,112評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤掌腰,失蹤者是張志新(化名)和其女友劉穎狰住,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體齿梁,經(jīng)...
    沈念sama閱讀 43,609評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡催植,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了勺择。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片创南。...
    茶點(diǎn)故事閱讀 38,163評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖省核,靈堂內(nèi)的尸體忽然破棺而出稿辙,到底是詐尸還是另有隱情,我是刑警寧澤气忠,帶...
    沈念sama閱讀 33,803評(píng)論 4 323
  • 正文 年R本政府宣布邻储,位于F島的核電站,受9級(jí)特大地震影響旧噪,放射性物質(zhì)發(fā)生泄漏吨娜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評(píng)論 3 307
  • 文/蒙蒙 一淘钟、第九天 我趴在偏房一處隱蔽的房頂上張望宦赠。 院中可真熱鬧,春花似錦米母、人聲如沸勾扭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妙色。三九已至,卻和暖如春精拟,著一層夾襖步出監(jiān)牢的瞬間燎斩,已是汗流浹背虱歪。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評(píng)論 1 261
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留栅表,地道東北人笋鄙。 一個(gè)月前我還...
    沈念sama閱讀 45,636評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像怪瓶,于是被迫代替她去往敵國(guó)和親萧落。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評(píng)論 2 344

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

  • 原教程內(nèi)容詳見精益 React 學(xué)習(xí)指南洗贰,這只是我在學(xué)習(xí)過程中的一些閱讀筆記找岖,個(gè)人覺得該教程講解深入淺出,比目前大...
    leonaxiong閱讀 2,810評(píng)論 1 18
  • 關(guān)于JSX 考慮這樣一段代碼:const element = Hello, world! ;這段代碼既不是字符串...
    帶三本書閱讀 366評(píng)論 0 1
  • 最近看了一本關(guān)于學(xué)習(xí)方法論的書敛滋,強(qiáng)調(diào)了記筆記和堅(jiān)持的重要性许布。這幾天也剛好在學(xué)習(xí)React,所以我打算每天堅(jiān)持一篇R...
    gaoer1938閱讀 1,670評(píng)論 0 5
  • 尹新月走后,廚房里的氣氛十分的低沉庶艾。小葵默默地走了過去袁余,收拾起那碎了一地的帶著碎片的豬肉燉粉條。 怕是碎的不是那做...
    卿淺墨閱讀 1,316評(píng)論 0 9
  • 亂講壹同閱讀 179評(píng)論 0 0