react - this指向

react中经常遇到this指向的问题，一下是几种解决方案

// 1. constructor里面绑定this
constructor(props){
    super(props)
    this.edit = this.edit.bind(this)
}

// 2. 直接在渲染的虚拟dom里面绑定this
render(){
    return (
        <button onClick={this.edit.bind(this)}>click</button>
    )
}

// 3. 箭头函数
const edit = ()=>{}

// 4. 虚拟dom箭头函数
render(){
    return (
        <button onClick={()=>this.edit}>click</button>
    )
}

推荐使用第四种，方便传值