文章详情页
javascript - React中组件绑定this
浏览:64日期:2023-05-05 18:28:44
问题描述
<button onClick={this.handleEvent}> //这里的this是toggle组件 为什么还需要在组件里绑定这个函数的this {this.state.isToggleOn === true ? ’on’ : ’off’}</button>
想不明白这里的this绑定
问题解答
回答1:因为在class中声明函数,并不会自动绑定this对象
所以,你在onClick={this.handleEvent}的时候,分解成两步你就懂了:
let handleEvent = this.handleEvent;...onClick={handleEvent}...
所以,onClick调用的时候,handleEvent中的this会是undefined(根据文档)
所以,你需要bind一下, 那么里面的this就是当前组件啦。
还有一种方便的写法,就是用箭头函数声明:
handleEvent = (e)=>{}render(){ ...onClick={this.handleEvent}...}回答2:
因为handleEvent中this.setState...的this并没有绑定this
可以采用箭头函数的语法糖来绑定this
handleEvent = () => { this.setState...}
标签:
JavaScript
相关文章:
1. mysql - 连续的24条sql语句,一条条查,还是union all好?2. tornado - python使用yield是否能保证协程的顺序性?3. mysql - 索引过滤性不好是由什么原因引起的,应该怎么解决4. mysql 优化之性别优化5. javascript - 混合开发,安卓和苹果的区别6. javascript - 修改表单多选项时和后台同事配合的问题。7. 网页爬虫 - Python:爬虫的中文编码问题?8. javascript - H5页面怎么查看console信息?9. 如何理解 MySQL 事务中的不可重复读和幻读问题?10. javascript - vue生成一维码?求助!!!!!急
排行榜
