react事件

事件,我们都知道,这个很重要,说不定就要和使用者进行交互

如何添加事件

直接在jsx上面添加,利用on*, 例如:onClick,驼峰式

return (
      <p onClick={this.handleClick.bind(this)}>
          You {text} this. Click to toggle.
      </p>
    );

参考:https://hulufei.gitbooks.io/react-tutorial/content/events.html

React map生成元素添加点击事件绑定this

我们直接在map上面添加事件是会保错的,解决方案,可以将map结果push进去。或者重新绑定this

{
  waveProvinceArr.map(function(waveProvinceItem){
    return <button type="button" onClick={this.provinceChange.bind(this, waveProvinceItem)}>{waveProvinceItem}</button>
  }.bind(this))
}

参考:https://www.jianshu.com/p/c130e7e791b6

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容