jsx

jsx：jsx是寫在js內的HTML標記，就是一個jsx

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

jsx最後會被轉換成React.createElement(標籤,內容) 是一個js物件(React元素)

jsx和HTML的區別

    1)jsx最後會被轉化為React物件,而HTML就是一個標籤

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

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

    4)jsx所有的元素只能有一個根節點,因為每次createElement建立React元素是,只能       建立一個根元素

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

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

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

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