jsx规则
1.定义虚拟DOM时， 不用写引号
2.标签中混入js表达式时用{}
3.样式的类名指定不用class,用className
4.内联样式，要用style={{color: 'red',fontSize: '12px'}}的形式
5.只能有一个根标签
6.引用组件时，首字母要大写
const text = 'span内容' const VDom = ( <div>标题</div> <span>{text}</span> <span className="span2">666</span> <span style={{color: 'red'}}>7777</span> )
定义组件：
1.函数式定义：
<div id="test"></div> <script type="text/babel"> // 创建函数式组件 function Demo (){ return <h2>定义的简单组件</h2> } ReactDom.render(<Demo />, document.getElementById('test')) </script>