在之前的文章中，react程式碼的書寫有很多冗餘，所以接下來對程式碼進行一下優化。

      首先優化的是關於this指向這一塊的程式碼，我們不必在每次的繫結後面加bind(this)語句，只需在建構函式裡做處理就可以，如圖：

      其次就是在渲染的時候，程式碼量有點大，我們可以定一個函式來實現，如圖：

      最後是關於定義元件時候的寫法：

      a、我們在定義元件的時候要寫元件繼承自Component，此時我們可以按照下圖所示寫程式碼：

      預設寫法：

      修改後的寫法：

      b、除此之外，我們在定義元件返回的時候，所有的內容必須包含在一個大的<div>中，不然就會報錯，如下圖：

      這樣一來，整個元件的DOM樹裡面就會有一層空的<div>，這樣可能會對我們後續的操作造成影響，如下：

     為了避免這一層空<div>的出現，我們可以這樣做：

      由此可見，那一層空的<div>是取消了的。