React中绑定this三种方法

2019-01-06 本文已影响0人 Chris__Liu

第一种方法：

    run(){

            alert(this.state.name)
    }
    <button onClick={this.run.bind(this)}>按钮</button>

第二种方法：

构造函数中改变

this.run = this.run.bind(this);


run(){

        alert(this.state.name)
 }
<button onClick={this.run}>按钮</button>

第三种方法：

 run=()=> {
        alert(this.state.name)
 }

<button onClick={this.run}>按钮</button>

第三种是最简洁和常见的写法