學(xué)習(xí)筆記之JSX與React



????大寫開頭的JSX,我們稱之為組件虛擬DOM娶眷;小寫開頭的JSX似嗤,我們稱之為元素虛擬DOM。

? ? 大寫開頭的JSX是因?yàn)閏reateElement()要求第一個參數(shù)必須是類的構(gòu)造函數(shù)届宠,后來擴(kuò)張到所有函數(shù)双谆。

? ? 小寫開頭的JSX要求createElement()的第一個參數(shù)必須是HTML標(biāo)簽,后來支持SVG席揽,Math。

? ? Babel 轉(zhuǎn)譯器會把 JSX 轉(zhuǎn)換成一個名為?React.createElement()?的方法調(diào)用谓厘。

????下面兩種代碼的作用是完全相同的:


????React.createElement()?這個方法首先會進(jìn)行一些避免bug的檢查幌羞,之后會返回一個類似下面

????例子的對象:


????這樣的對象被稱為 “React 元素”。它代表所有你在屏幕上看到的東西竟稳。React 通過讀取這些對象來構(gòu)建 DOM 并保持?jǐn)?shù)據(jù)內(nèi)容一致属桦。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市他爸,隨后出現(xiàn)的幾起案子聂宾,更是在濱河造成了極大的恐慌,老刑警劉巖诊笤,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件系谐,死亡現(xiàn)場離奇詭異,居然都是意外死亡讨跟,警方通過查閱死者的電腦和手機(jī)纪他,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來晾匠,“玉大人茶袒,你說我怎么就攤上這事×构荩” “怎么了薪寓?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長澜共。 經(jīng)常有香客問我向叉,道長,這世上最難降的妖魔是什么咳胃? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任植康,我火速辦了婚禮,結(jié)果婚禮上展懈,老公的妹妹穿的比我還像新娘销睁。我一直安慰自己供璧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布冻记。 她就那樣靜靜地躺著睡毒,像睡著了一般。 火紅的嫁衣襯著肌膚如雪冗栗。 梳的紋絲不亂的頭發(fā)上演顾,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天,我揣著相機(jī)與錄音隅居,去河邊找鬼钠至。 笑死,一個胖子當(dāng)著我的面吹牛胎源,可吹牛的內(nèi)容都是我干的棉钧。 我是一名探鬼主播,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼涕蚤,長吁一口氣:“原來是場噩夢啊……” “哼宪卿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起万栅,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤佑钾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后烦粒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體休溶,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年扰她,在試婚紗的時候發(fā)現(xiàn)自己被綠了邮偎。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡义黎,死狀恐怖禾进,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情廉涕,我是刑警寧澤泻云,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站狐蜕,受9級特大地震影響宠纯,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜层释,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一婆瓜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦廉白、人聲如沸个初。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽院溺。三九已至,卻和暖如春磅轻,著一層夾襖步出監(jiān)牢的瞬間珍逸,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工聋溜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谆膳,地道東北人。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓撮躁,卻偏偏與公主長得像摹量,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子馒胆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評論 2 361

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

  • 原文地址:Learning React.js is easier than you think原文作者:Samer...
    sunshine小小倩閱讀 4,231評論 3 41
  • HTML模版 之后出現(xiàn)的React代碼嵌套入模版中。 1. Hello world 這段代碼將一個一級標(biāo)題插入到指...
    ryanho84閱讀 6,247評論 0 9
  • 3. JSX JSX是對JavaScript語言的一個擴(kuò)展語法凝果, 用于生產(chǎn)React“元素”祝迂,建議在描述UI的時候...
    pixels閱讀 2,840評論 0 24
  • 以下內(nèi)容是我在學(xué)習(xí)和研究React時,對React的特性器净、重點(diǎn)和注意事項的提取型雳、精練和總結(jié),可以做為React特性...
    科研者閱讀 8,244評論 2 21
  • 我們做不了丁克一族 注定要被生活瑣事牽絆 當(dāng)一遍遍聽著孩子叫“~媽媽~” 每日重復(fù)著昨天的事情 不管春夏秋冬 都要...
    雪野靈狐閱讀 209評論 0 1