React繼ES6後更新部分

參考：

1. 由react.createclass變為react.component

var switchbutton = react.createclass({})
class
switchbutton
extends
react.component {}

2.狀態寫法

getinitialstate: function
() ;}

更改為：

constructor
(props)
}

getdefaultprop:function
() }

更改為：

switchbutton.defaultprops =

3.匯入模組部分

var react = require('react');
var reactdom = require('react-dom');

更改為：

import react from
'react'
import from
'react-dom'

4.事件函式繫結

react.component建立元件時，事件函式並不會自動繫結this，需要我們手動繫結，不然this將不會指向當前元件的例項物件。以下有三種繫結this的方法：

（1）在constructor中使用bind()進行繫結：

constructor
()

（2）直接元素上繫結：

（3）箭頭符號：this.handleclick()}>

5.無狀態元件(stateless component)–sfc

它的出現是因為隨著應用複雜度不斷提公升和元件本數量的增加，元件按各自職責被分成不同的型別，於是有一種只負責展示的純元件出現了，它的特點是不需要管理狀態state，資料直接通過props傳入，這也符合 react 單向資料流的思想。

const todo = () => (
onclick=
style=
}>
li>
)

當然，無狀態元件也不是萬金油，比如它不支援」ref「，原因很簡單，因為 react 呼叫它之前，元件不會被例項化，自然也就沒有」ref」，（ref和finddomnode實際上打破了父子元件之間僅通過 props 來傳遞狀態的約定，違背了 react 的原則，需要避免）。

react.createclass親生的 mixin，react.component不再支援，事實上 mixin 不夠優雅直觀，替代方案是使用更流行的高階元件-hoc，如果你的專案還離不開也可以使用 react-mixin