美文网首页
五. React的处理事件

五. React的处理事件

作者: zewweb | 来源:发表于2018-05-07 11:10 被阅读0次

    React元素处理时间跟在DOM元素上处理事件非常相似,但是有一些语法上的区别:

    • React事件使用驼峰命名,而不是全部小写。
    • 通过JSX,你传递一个函数作为事件处理,而并不是一个字符串。
    • 在React中你不能通过"return false"来阻止默认行为,必须明确调用perventDefault()。
    • 在JXS中必须注意this的指向并传给onClick,否则在调用函数时,会是undefined,例如:
      this.handleClick = this.handleClick.bind(this)

    注意:如果调用bind使你烦恼,那么有另外两种方法可以解决这个问题:

    1. 使用es6语法:
    handleClick = () => {
        console.log('this is:', this);
      }
    
    1. 在回调时调用箭头函数:
      onClick={(e) => this.handleClick(e)}

    相关文章

      网友评论

          本文标题:五. React的处理事件

          本文链接:https://www.haomeiwen.com/subject/zfsmrftx.html