React 创建组件与渲染组件：component

Question

第一个 React 组件：

var CommentBox = React.createClass({
  render: function() {
    return (
      <div className="commentBox">
        Hello, world! I am a CommentBox.
      </div>
    );
  }
});
React.render(
  <CommentBox />,
  document.getElementById('example')
);

使用 createClass 创建一个新 component，其中必须要有一个 render() 函数去 return 相应的组件树（必须包含在一个 div 或者 span 里面）。

另外需要做的事情是用 React.render() 实例化根组件： <CommentBox /> （注意 / 这个关闭符号，在其他的如 input 等标签中也需要关闭）,第二个是注入到原始 DOM 里面，也就是 document.getElementById() （此 ID 为前面的第一个 HTML 中的 <div></div> ）