React组件构成和定义方式

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'}
    }