doubleyong
管理员
管理员
  • 最后登录2020-12-03
  • 发帖数938
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:203回复:0

[react]React 事件处理程序中,this 为 undefined ,如果可以使用 this

楼主#
更多 发布于:2020-10-29 16:04
React 中,事件处理程序中,默认情况下,this为 undefined ,如果使用 this ,可以使用如下方法



   第一种:



      绑定事件处理程序时,使用bind方法绑定this
      如: <button onClick ={ this.addComment.bind(this) }></button>




  第二种:


       construtor() 方法中,使用 bind 方法绑定 this
       construtor () {
         super();
         this.addComment = this.addComment.bind(this)
       }




    第三种:



      使用箭头函数,来定义事件处理程序
      addComment = ()=>{
      
      }



   第四种:

      如: <button onClick ={ ()=>{ this.addComment } }></button>
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号