//es5:
var React = require('react')
//es6(解構(gòu))
import React,{Component} from 'react'
//es5
//使用createClass片任,傳入一個對象,所以內(nèi)部要使用逗號
//需要顯式定義getDefaultProps和getInitialState方法拳亿,在getInitialState方法里资盅,需要返回一個對象
var MyModule = React.createClass({
//es5里必須寫成:function(){}這種形式
getDefaultProps:function(){
times:0
},
getInitialState:function(){
return {
times : this.props.times
}
},
render:function(){
return(
***
)
}
})
//es6-更簡潔调榄,不需要逗號
class MyModule extends Component{
//不再需要顯式定義getDefaultProps和getInitialState方法,在構(gòu)造器內(nèi)部干這兩個事情
constructor(props) {
super(props);
this.state = {times: this.props.times};
}
//es6里的方法可以這樣間歇
render(){
return(
***
)
}
}
//es5里this就指向這個組件本身
onPress={this.hintHandler}
//es6里必須要bind
onPress={this.hintHandler.bind(this)}
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者