1. 通过onXxxx属性指定事件处理函数（注意大小写）
      1. React使用的是自定义（合成）事件， 而不是使用原生的DOM事件——为了更好的兼容性。
      2. React中的事件是通过事件委托方式处理的（委托给组件最外层的元素）——为了高效
    2. 通过event.target得到发生事件的DOM元素对象——不要过多的使用ref
      1. import React from 'react'
      2. class App extends React.Component {
      3. inputRef1 = React.createRef()
      4. showData = () => {
      5. alert(this.inputRef1.current.value)
      6. }
      7. shouData2 = (e) => {
      8.  //发生事件的DOM和操作事件的DOM是同一个
      9.  alert(e.target.value)
      10. }
      11. render() {
      12.  return (
      13.    <div>
      14.     <input ref = {this.inputRef1} placeholder="点击提示数据" type='text'/>
      15.      <button type="" onClick={this.showData}>点击提示左侧的数据</button>
      16.      <input onBlur={this.shouData2} type="text" placeholder='失去焦点提示右侧数据'/>
      17.    </div>
      18.  );
      19. }
      20. }
      21. export default App;