官方定义
JSX 是一个 JavaScript 的语法扩展，它看起来像是一种模板语言，但它具有 JavaScript 的全部功能
JSX语法：
<div> <h1>Count组件总数值{this.props.count}</h1> <input type="text" ref={c => this.name = c} placeholder='输入姓名' /> <input type="text" ref={c => this.age = c} placeholder='输入年龄' /> <button onClick={this.addPerson}>添加</button> { list.map(item => { return ( <li key={item.id}>{item.name}--{item.age}</li> ) }) } </div>
- JSX是javascript语法的扩展，浏览器无法解析原始的jsx代码，我们需要编译，编译的动作由Babel完成
- JSX会编译为React.createElement()， React.createElement() 将返回一个叫作“React Element”的 JS 对象
- JSX作用：提供更好的React使用体验
- JSX语法规则：
a.定义虚拟DOM时，不要写引号。
b.渲染数据使用{}
c.内联样式：要用style={{ }}的样式去写
d.只有一个根标签
e.标签是必须闭合的
f.样式的类名要用className ，不能用class
g.绑定事件用的是合成事件：onClick , onChange
