1.标签必须要闭合 <input />
2.最外层只能有一个根元素
3.className <div className={flag?'red':''}></div>
4.style={{}} <div style={{backgroundColor:'red'}}></div>
5.onClick
<div onClick={this.handleClick}></div>
如果handleClick需要内部用到this,那么我们可以通过两种方式解决this绑定问题
1)通过在constructor函数里面进行this的bind
constructor(){
super()
this.handleClick = this.handleClick.bind(this)
}
handleClick(){
console.log(this)
}
2)handleClick写成箭头函数
handleClick = () => {
console.log(this)
}
6.input的value值必须配合onChange才可以,否则如果只是单纯的进行数据显示的话,只需要通过defaultValue即可
7.checkbox的checked需要改成defaultChecked
8.label的for需要改成htmlFor
9.jsx的注释需要 {/* */}