/**
 * Created by Jackey Li on 2015/10/11.
 */
(function (React, ReactDOM) {
    'use strict';

    var CommentBox = React.createClass({
        render: function () {
            return (
                <div className='commentBox'>
                    hello world! I am a commentBox
                </div>
            );
        }
    });

    ReactDOM.render(
        <CommentBox />,
        document.getElementById('container')
    );
})(React, ReactDOM);
@@ -104,19 +104,268 @@
  Comment
-Box
+List = React.createClass(%7B%0A        render: function () %7B%0A            return (%0A                %3Cdiv className='commentList'%3E%0A                    Hello world! I am a commentList%0A                %3C/div%3E%0A            );%0A        %7D%0A    %7D);%0A%0A    var CommentForm
  = React
@@ -469,19 +469,20 @@
 'comment
-Box
+Form
 '%3E%0A     
@@ -518,20 +518,358 @@
  am 
-a commentBox
+commentForm%0A                %3C/div%3E%0A            );%0A        %7D%0A    %7D);%0A%0A    var CommentBox = React.createClass(%7B%0A        displayName: 'CommentBox',%0A        render: function () %7B%0A            return (%0A                %3Cdiv className='commentBox'%3E%0A                    %3Ch1%3EComments%3C/h1%3E%0A                    %3CCommentList /%3E%0A                    %3CCommentForm /%3E
 %0A   
@@ -918,24 +918,25 @@
  %7D%0A    %7D);%0A%0A
+%0A
     ReactDOM

add component