React中的的JSX

什么是JSX？

JSX是JavaScript XML的缩写，其本质是js，表现形式类似于XML，与js区别在于可直接在里面编写html标签。

 

怎么使用JSX？

语法规则：

JSX 的基本语法规则：HTML 标签以 < 开头，代码块以 { 开头

var style={
    color:"red",
    border:"1px #000 solid"
    }
ReactDOM.render(       
    <div style={style}></div>,
    document.getElementById('example')
);