資訊專欄INFORMATION COLUMN
摘要：和結(jié)合的一種語法，最終通過轉(zhuǎn)化工具將轉(zhuǎn)化成推薦在中使用來描述用戶界面，既不是字符串也不是，而是與的混合體語法允許在中書寫標(biāo)簽只能有一個頂層元素支持插值表達(dá)式強(qiáng)大大寫字母開頭的標(biāo)簽是組件，小寫字母開頭的標(biāo)簽是組件標(biāo)簽插值表達(dá)式語法表達(dá)式書寫的
JSX
JavaScript 和 XML 結(jié)合的一種語法，最終通過 轉(zhuǎn)化工具 將 JSX 轉(zhuǎn)化成 JS推薦在 React 中使用 JSX 來描述用戶界面，JSX既不是字符串也不是HTML，而是XML與JS的混合體
JSX語法：
1、允許在JS中書寫XML標(biāo)簽
2、只能有一個頂層元素
3、支持插值表達(dá)式 （強(qiáng)大）
4、大寫字母開頭的標(biāo)簽是組件，小寫字母開頭的標(biāo)簽是html
組件
html標(biāo)簽
插值表達(dá)式語法：{表達(dá)式}
書寫 JSX 的時候一般都會帶上換行和縮進(jìn)，這樣可以增強(qiáng)代碼的可讀性
同樣推薦在 JSX 代碼的外面擴(kuò)上一個小括號，這樣可以防止 分號自動插入 的 bug
const element = (
Hello, {formatName(user)}!
);
文本插值
{1}
//1
{"xinxin"}
//xinxin
{true}
//{false}
//{null}
//{undefined}
//{NaN}
//NaN
有警告{ [1,"ww"] }
//1ww
{ {"bb": 12} }
//報(bào)錯
屬性插值
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100707.html
摘要：明明如日中天，把它與倒過來，給加點(diǎn)東西或可與抗衡。在之后，大版本有十?dāng)?shù)個，只有最近推的才回歸正常等后人總結(jié)歷史，無疑會把與之間的所有都稱為垃圾。讓網(wǎng)頁支持所見即得的可視化設(shè)計(jì)，是框架的最高形態(tài)，以前沒有類似工具，主要因?yàn)榧夹g(shù)做不到。 好吧，我承認(rèn)我是標(biāo)題黨。React 明明如日中天，把它與 Vue 倒過來，給 Vue 加點(diǎn)東西或可與 React 抗衡。不過，這兩年 Vue 干的正是這事...
摘要：感謝王下邀月熊分享的前端每周清單，為方便大家閱讀，特整理一份索引。王下邀月熊大大也于年月日整理了自己的前端每周清單系列，并以年月為單位進(jìn)行分類，具體內(nèi)容看這里前端每周清單年度總結(jié)與盤點(diǎn)。 感謝 王下邀月熊_Chevalier 分享的前端每周清單，為方便大家閱讀，特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清單系列，并以年/月為單位進(jìn)行分類，具...
摘要：是前端開發(fā)領(lǐng)域新興的方法論體系，它繼承了與編程理念，在技術(shù)上有不少創(chuàng)新。但專利與開源協(xié)議是平行的兩個世界，改底層也不大容易解決問題。此外，要求在中結(jié)合各屬性的是否變化，判斷是否該觸發(fā)更新。 ReRest (Reactive Resource State Transfer) 是前端開發(fā)領(lǐng)域新興的方法論體系，它繼承了 MVVM 與 FRP 編程理念，在技術(shù)上有不少創(chuàng)新。本文從專利稿修改而來...
閱讀 1929·2023-04-26 00:59
閱讀 3174·2021-11-15 18:10
閱讀 3133·2021-09-22 16:02
閱讀 811·2021-09-02 15:15
閱讀 3779·2019-08-30 15:56
閱讀 1968·2019-08-30 15:54
閱讀 2911·2019-08-29 16:31
閱讀 2088·2019-08-29 16:10
