React 事件以及组件 ( 生命周期钩子函数 初始化,运行中,销毁,错误 )

原生js — 事件

1. 事件概念

2. 构成

   1. 谁触发: DOM
   2. 事件触发的形式： on addEventListener
   3. 事件类型: click keyup keydown
   4. 事件处理程序
   5. 事件对象
   6. 事件传参

     var box = doucment.querySelector( 'div' )
   
     box.onclick = function(){
        
       //事件处理程序
     }
   

React – 事件

1. 写法一共四种，我们推荐有两种

   1. 箭头函数

      class App extends React.component{
        
        change = () => {
        }
      }
   

   2. 在constructor函数中bind this

     class App extends React.component{
        
       constructor () {
        
         super(