react-dom

React 允许将代码封装成组件（component），然后像插入普通 HTML 标签一样，在网页中插入这个组件。React.createClass 方法就用于生成一个组件类（查看demo04）。

varHelloMessage=React.createClass({render:function(){return

Hello{this.props.name}

;}});

ReactDOM.render(,document.getElementById('example'));

上面代码中，变量HelloMessage就是一个组件类。模板插入时，会自动生成HelloMessage的一个实例（下文的"组件"都指组件类的实例）。所有组件类都必须有自己的render方法，用于输出组件。

注意，组件类的第一个字母必须大写，否则会报错，比如HelloMessage不能写成helloMessage。另外，组件类只能包含一个顶层标签，否则也会报错。

this.props.children的值有三种可能：

如果当前组件没有子节点，它就是undefined;

如果有一个子节点，数据类型是object；

如果有多个子节点，数据类型就是array。

所以，处理this.props.children的时候要小心。

React 提供一个工具方法React.Children来处理this.props.children。我们可以用React.Children.map来遍历子节点，而不用担心this.props.children的数据类型是undefined还是object。更多的React.Children的方法