JSX
<pre><code>//1. 基础语法
const el = <div>hello</div>
const el2 = <div className='myDiv' />
//2. 表达式
const calc = <div>{1+1}</div>
//3. 三元(不可用if...else...)
const TOF = <div>{2>1?'true':'false'}</div>
//4. 数组(会直接展开)
const arr = [1,2,3]
const arrEl = <div>{arr}</div>//<div>123</div>
//5. 循环
const mapArr = arr.map(v=><li>{v}</li>)
const ulEl = <ul>
{mapArr}
</ul>
//6. 样式
const styleObj = {color:'#000',backgroundColor:'#fff'}
const styleEl = <div style={styleObj}>样式</div></code></pre>