jsx

jsx:jsx是寫在js內的HTML標記,就是一個jsx

jsx是一種語法堂,不能被瀏覽器直接識別,需要通過babel來進行轉化

jsx最后會被轉換成React.createElement(標簽,內容) 是一個js對象(React元素)

jsx和HTML的區(qū)別

? ??1)jsx最后會被轉化為React對象,而HTML就是一個標簽

? ? 2)jsx的HTML系列標簽,都是全小寫 列:<div> <p>

? ? 3)jsxde 自定義組件,首字母大寫 列:<Hello>

? ? 4)jsx所有的元素只能有一個根節(jié)點,因為每次createElement創(chuàng)建React元素是,只能? ?????創(chuàng)建一個根元素

? ? 5)jsx里class和for之類關鍵字,必須使用替換文字,列:class->className? f? ? ? ?or-? ?>htmlFor


ReactDOM.render(要渲染的組件(<h1>文本</h1>),目標容器(root))

注意: 在<16版本,直接支持寫id的形式

? ? ? ? 在>16版本,必須寫document.getElementById('root')

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

友情鏈接更多精彩內容