react元素的时间处理和DOM的很相似，只是语法上面有一点区别
区别：
1.react属性命名为小驼峰 && 如果使用jsx语法，需要传入的是一个函数，而不是字符串（eg：onClick={click}）
2.react阻止默认事件不能是return false了，必须使用preventDefault
3.this的指向问题：
类的方法默认是不会绑定this的，所以如果不进行this的绑定，那么this会是undefined。解决方案：
1.使用bind进行this的绑定
constructor（props）{
super（props）；
this.state = （{open：true}）
this.clickTest = this.clickTest.bind（this）
}
clickTest（）{
this.setState（prevState=>({
open：!prevState.open
}))
}
render() {
return (
<div onClick={this.clickTest}>{{this.state.open}}</div>
)
}
2.调用的地方换个方式去调
constructor（props）{
super（props）；
this.state = （{open：true}）
}
clickTest（）{
this.setState（prevState=>({
open：!prevState.open
}))
}
render() {
return (
<div onClick={(e) => this.clickTest(e)}>{{this.state.open}}</div>
)
}
3.使用属性初始化器语法
clickTest =（）=>(){
console,log(this)
}
render() {
return (
<div onClick={this.clickTest}>{{this.state.open}}</div>
)
}
4.传参：
<div onClick={this.clickTest.bind（this，id）}>{{this.state.open}}</div> // 事件对象e是在参数后面
<div onClick={(e) => this.clickTest(id，e)}>{{this.state.open}}</div>