Jsx語法-用于描述界面UI的語言

1 .非dom屬性 dangerousSetInnerHtml ,ref-父組件使用子組件,key-提高渲染性能
2 .在jsx中,任意的js表達(dá)式都必須寫在大括號里面。
3 .render的頂級元素只能是一個
4 .jsx遇到html標(biāo)簽就使用html解析規(guī)則來解析,遇到代碼塊就{},就使用js規(guī)則解析
5 .屬性:可以直接加字符串。也可以使用{}來定義以js為表達(dá)式為值的屬性,使用小駝峰命名來定義屬性的名稱,而不是使用html原來的屬性名

  1.class-className
  2.tabindex-tabIndex

6 .jsx中使用表達(dá)式

1.顯示renderButton函數(shù)渲染一個ui。一般的表達(dá)式
2.顯示變化的數(shù)值。一般表達(dá)式
3.根據(jù)條件判斷顯示元素。三元表達(dá)式或其他
4.在if或者是for中使用jsx,將他賦值給變量,當(dāng)做參數(shù)傳入,作為返回值。

7 .jsx閉合標(biāo)簽需要在末尾使用/>,就像xml,html一樣。
8 .

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

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,661評論 19 139
  • JSX是React的核心組成部分,它使用XML標(biāo)記的方式去直接聲明界面,界面組件之間可以互相嵌套??梢岳斫鉃樵贘S...
    可樂愛上咖啡閱讀 72,343評論 1 63
  • 前端必讀:瀏覽器內(nèi)部工作原理[https://kb.cnblogs.com/page/129756/] 作者: T...
    我是強強閱讀 1,245評論 0 2
  • 轉(zhuǎn)載說明 一、介紹 瀏覽器可以被認(rèn)為是使用最廣泛的軟件,本文將介紹瀏覽器的工作原理,我們將看到,從你在地址欄輸入g...
    17碎那年閱讀 2,525評論 0 22
  • 以下內(nèi)容是我在學(xué)習(xí)和研究React時,對React的特性、重點和注意事項的提取、精練和總結(jié),可以做為React特性...
    科研者閱讀 8,409評論 2 21

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