React组件构成
输入:props
自己的状态:state
输出:render
React组件的定义方式
React组件的定义方式一共有四种,环境支持ES6,使用Component
;环境不支持ES6,使用createClass
;组件没有自身状态,使用Functional Component
;组件是纯组件,使用PureComponent
。
createClass
几乎不用了。
var React = require('react');
var Hello = React.createClass({
propTypes: {
name: React.PropTypes.string
},
getDefaultProps: function () {
return {
name: 'yan'}
}