赋值 其实是XML和JS绑定在一起 本质是JS 的一种语法扩展
规范： 1.根组件只允许包裹一个根元素 2.render函数 return 语句 需要有()包裹 3可以使用单标签也可以使用双标签
具体
1数字类型 数组类型 和字符串类型数据会在jsx中正常显示 ，有一些数据类型会被忽略 undefined null boolean 类型
可以使用布尔类型和某种类型进行逻辑与 条件渲染 所以比如说
return <div>{ }<h2>当前计数：{this.state.counter}</h2><button onClick={this.increase.bind(this)}>增加+</button><button onClick={this.decrease.bind(this)}>减小-</button><div>{this.state.counter&&<div>这时候counter不为零</div>}</div></div>
如果这里的counter作为渲染的条件，则不希望被显示 null undefined
如果想要把三种数据类型进行显示的话 1.toString() 方法 2.String()强制类型转化 3.使用+ 强制类型转化
最后，对象类型无法作为jsx的子类被展示
JSX去嵌入表达式
1.运算表达式
2.三元运算符
3.执行一个函数
JSX绑定 class 绑定普通属性 绑定style属性
事件绑定 类组件
方案一： 在定义绑定时间时候通过bind函数显式绑定this
方案二：在构造函数中使用bind显式绑定this
方案三:在定义类方法时候将方法按照箭头函数的形式写出来
方案四：在绑定button时直接绑定一个箭头函数
