事件处理和事件对象

.事件处理

1.事件注册

• on+首字母大写的事件名称={自定义事件}
• 自定义事件名后面不能有(),如果()一旦存在.则该事件自动被触发

import React, { Component } from 'react'

export default class EventOn extends Component {
    fn(){
        console.log('我被调用了');
    }
    render() {
        return (
            <div>
                {/* 事件注册
                    1.on+首字母大写的事件名称={自定义事件}
                
                */}
                <button onClick={this.fn}>点击</button>
            </div>
        )
    }
}

2.事件传参

2.如果使用函数进行函数的调用,存在this的指向问题. 解决方案:bind(this)

{/* 事件传参 */}
<button onClick={function(){this.fn('王运舵')}.bind(this)}>发送</button>

3.通过箭头函数实现事件传参

 {/* 箭头函数 */}
<button onClick={()=>this.fn('赵丽颖')}>事件传参</button>

九.事件对象(event)

 {/* 事件对象 */}
<hr/>
<button onClick={(e)=>this.handler('王一博',e)}>传递事件对象</button>