一. React的JSX介紹

1. JSX是JavaScrip 的一種擴(kuò)展語(yǔ)法。React推薦使用這種語(yǔ)法,具有JavaScript的所有功能。

2. 為便于閱讀,將JSX 分割成多行。推薦使用括號(hào)將 JSX 包裹起來(lái),雖然這不是必須的,但這樣做可以避免分號(hào)自動(dòng)插入的陷阱。

3.?在屬性中嵌入 JavaScript 表達(dá)式時(shí),不要使用引號(hào)來(lái)包裹大括號(hào)。否則,JSX 將該屬性視為字符串字面量而不是表達(dá)式。對(duì)于字符串值應(yīng)該使用引號(hào),對(duì)于表達(dá)式你應(yīng)該使用大括號(hào),但兩者不能同時(shí)用于同一屬性。

4. React DOM 使用駝峰?(CamelCase) 屬性命名約定, 而不是HTML屬性名稱(chēng).例如,class?在JSX中變?yōu)閏lassName,tabindex?變?yōu)?tabIndex等。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 以下內(nèi)容是我在學(xué)習(xí)和研究React時(shí),對(duì)React的特性、重點(diǎn)和注意事項(xiàng)的提取、精練和總結(jié),可以做為React特性...
    科研者閱讀 8,407評(píng)論 2 21
  • HTML模版 之后出現(xiàn)的React代碼嵌套入模版中。 1. Hello world 這段代碼將一個(gè)一級(jí)標(biāo)題插入到指...
    ryanho84閱讀 6,443評(píng)論 0 9
  • React Native是基于React的,在開(kāi)發(fā)React Native過(guò)程中少不了的需要用到React方面的知...
    亓凡閱讀 1,578評(píng)論 1 4
  • 考慮下面的變量聲明: 這個(gè)有趣的標(biāo)記語(yǔ)法既不是字符串也不是HTML。 他被稱(chēng)為JSX,是一種JavaScript的...
    莫銘閱讀 1,111評(píng)論 0 0
  • JSX Follow me on GitHub JSX1. 為什么會(huì)有JSX?2. JSX的基本使用2.1 JSX...
    Coder_不易閱讀 600評(píng)論 0 0

友情鏈接更多精彩內(nèi)容