React Native移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)-1-React Native的JSX解決方案

? ? JSX并不是一門新的開(kāi)發(fā)語(yǔ)言又跛,而是Facebook提出的語(yǔ)法方案:一種可以在JavaScript代碼中直接書寫HTML標(biāo)簽的語(yǔ)法糖,所以,JSX本質(zhì)上還是JavaScript語(yǔ)言。

? ? ? 小知識(shí):語(yǔ)法糖(Syntactic sugar)是由英國(guó)計(jì)算科學(xué)家彼得·蘭丁發(fā)明的一個(gè)術(shù)語(yǔ)囊拜,指計(jì)算機(jī)語(yǔ)言中添加的某種語(yǔ)法某筐,這種語(yǔ)法對(duì)語(yǔ)言的功能并沒(méi)有影響比搭,但是更方便程序員使用。語(yǔ)法糖讓程序更加簡(jiǎn)潔南誊,有更高的可讀性身诺。

? ? 在React和React Native開(kāi)發(fā)中,不一定非要使用JSX抄囚,也可以直接使用JavaScript進(jìn)行開(kāi)發(fā)霉赡。但是,強(qiáng)烈建議讀者使用JSX幔托!因?yàn)镴SX在定義類似HTML這種樹(shù)形結(jié)構(gòu)時(shí)穴亏,簡(jiǎn)單明了,極大地提高了開(kāi)發(fā)和維護(hù)的效率重挑。

下面以1.4節(jié)第一個(gè)React Native應(yīng)用中的代碼為例:

? ? ?在上述代碼中嗓化,組件的render()方法函數(shù)是用于渲染頁(yè)面的,它的返回值是一個(gè)View的對(duì)象谬哀,但是為什么沒(méi)有發(fā)現(xiàn)創(chuàng)建對(duì)象和設(shè)置屬性的代碼呢刺覆?原來(lái),JSXTransformer幫我們把代碼中XML-Like語(yǔ)法編譯轉(zhuǎn)換成真實(shí)可用的JavaScript代碼史煎,它不僅僅創(chuàng)建View對(duì)象谦屑、設(shè)置View樣式和布局,同時(shí)更加貼心的是篇梭,還構(gòu)建了View之間的樹(shù)形結(jié)構(gòu)氢橙。例如,上述例子中的樹(shù)形結(jié)構(gòu)是這樣的:

RootView(stylecontainer)

----SubText1(stylewelcome)

----SubText2(styleinstructions)

----SubText3(styleinstructions)

和我一起學(xué)吧恬偷,《React Native移動(dòng)開(kāi)發(fā)實(shí)戰(zhàn)》

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末充蓝,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子喉磁,更是在濱河造成了極大的恐慌谓苟,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,126評(píng)論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件协怒,死亡現(xiàn)場(chǎng)離奇詭異涝焙,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)孕暇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門仑撞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)赤兴,“玉大人,你說(shuō)我怎么就攤上這事隧哮⊥傲迹” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 169,941評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵沮翔,是天一觀的道長(zhǎng)陨帆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)采蚀,這世上最難降的妖魔是什么疲牵? 我笑而不...
    開(kāi)封第一講書人閱讀 60,294評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮榆鼠,結(jié)果婚禮上纲爸,老公的妹妹穿的比我還像新娘。我一直安慰自己妆够,他們只是感情好识啦,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,295評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著神妹,像睡著了一般颓哮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上灾螃,一...
    開(kāi)封第一講書人閱讀 52,874評(píng)論 1 314
  • 那天题翻,我揣著相機(jī)與錄音,去河邊找鬼腰鬼。 笑死嵌赠,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的熄赡。 我是一名探鬼主播姜挺,決...
    沈念sama閱讀 41,285評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼彼硫!你這毒婦竟也來(lái)了炊豪?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 40,249評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤拧篮,失蹤者是張志新(化名)和其女友劉穎词渤,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體串绩,經(jīng)...
    沈念sama閱讀 46,760評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡缺虐,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,840評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了礁凡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片高氮。...
    茶點(diǎn)故事閱讀 40,973評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡慧妄,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剪芍,到底是詐尸還是另有隱情塞淹,我是刑警寧澤,帶...
    沈念sama閱讀 36,631評(píng)論 5 351
  • 正文 年R本政府宣布罪裹,位于F島的核電站饱普,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏坊谁。R本人自食惡果不足惜费彼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,315評(píng)論 3 336
  • 文/蒙蒙 一滑臊、第九天 我趴在偏房一處隱蔽的房頂上張望口芍。 院中可真熱鬧,春花似錦雇卷、人聲如沸鬓椭。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 32,797評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)小染。三九已至,卻和暖如春贮折,著一層夾襖步出監(jiān)牢的瞬間裤翩,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,926評(píng)論 1 275
  • 我被黑心中介騙來(lái)泰國(guó)打工调榄, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留踊赠,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,431評(píng)論 3 379
  • 正文 我出身青樓每庆,卻偏偏與公主長(zhǎng)得像筐带,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子缤灵,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,982評(píng)論 2 361

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