react - this指向

liuoomei

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>
    )
}

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

阅读 543

全栈之路一去不返
node(express/koa/egg)、MongoDB/mysql/sqlserve/oracle/postgresql、vue(vuex+vue-router+element/a...

走出舒适区,外面的风景格外迷人!

165 声望
16 粉丝
0 条评论

走出舒适区,外面的风景格外迷人!

165 声望
16 粉丝
文章目录
宣传栏