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')
);

posted @ 2017-05-01 22:37  tinyphp  Views(269)  Comments(0Edit  收藏  举报