react事件

2018-09-27  本文已影响8人  夏夏夏夏顿天

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

如何添加事件

直接在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

上一篇 下一篇

猜你喜欢

热点阅读