jsx:jsx是寫在js內(nèi)的HTML標(biāo)記,就是一個jsx
jsx是一種語法堂,不能被瀏覽器直接識別,需要通過babel來進(jìn)行轉(zhuǎn)化
jsx最后會被轉(zhuǎn)換成React.createElement(標(biāo)簽,內(nèi)容) 是一個js對象(React元素)
jsx和HTML的區(qū)別
? ??1)jsx最后會被轉(zhuǎn)化為React對象,而HTML就是一個標(biāo)簽
? ? 2)jsx的HTML系列標(biāo)簽,都是全小寫 列:<div> <p>
? ? 3)jsxde 自定義組件,首字母大寫 列:<Hello>
? ? 4)jsx所有的元素只能有一個根節(jié)點(diǎn),因?yàn)槊看蝐reateElement創(chuàng)建React元素是,只能? ?????創(chuàng)建一個根元素
? ? 5)jsx里class和for之類關(guān)鍵字,必須使用替換文字,列:class->className? f? ? ? ?or-? ?>htmlFor
ReactDOM.render(要渲染的組件(<h1>文本</h1>),目標(biāo)容器(root))
注意: 在<16版本,直接支持寫id的形式
? ? ? ? 在>16版本,必須寫document.getElementById('root')