React中的事件处理

原生中点击事件时onclick，在React中点击事件是onClick C是大写，
  1.所以事件都是被React封装了一次React封装一次，是为了更好的兼容性
  2.React中的事件是通过事件委托方式处理的(委托给组件最外层的元素)
  例子：下面标签中，的事件onClick，onBlur，你是放在了input框上，其实React已经帮你把事件添加在了最外层的div上 更高效
  3.可以通过event.target得到发生事件的DOM元素对象，事件源
   render(){
        return(
            <div>
                <input ref={a=> this.input1=a} type="text" placeholder="点击按钮提示数据"/>
                <button onClick={this.showData}>点击我提示左侧数据</button>
                <input ref="input2" onBlur={this.showData2} type="text" placeholder="失去焦点提示数据"/>
     重点小知识！！！！请勿过度使用ref，有的时候不需要，就比如上面这个情况有失去焦点事件，可以用event.target获取事件源
            </div>
        )
    }