* add comments

dodortus · dodortus · commit 50e8caebe05f · 2016-06-02T19:18:37.000+09:00
diff --git a/comments.json b/comments.json
@@ -33,5 +33,30 @@
         "id": 1464862194961,
         "author": "11111",
         "text": "22222222222"
+    },
+    {
+        "id": 1464862368016,
+        "author": "hy",
+        "text": "121233"
+    },
+    {
+        "id": 1464862371433,
+        "author": "222",
+        "text": "2222222"
+    },
+    {
+        "id": 1464862416312,
+        "author": "jhgjgjgjg",
+        "text": "khkjhkhkhk"
+    },
+    {
+        "id": 1464862508034,
+        "author": "2222",
+        "text": "1111"
+    },
+    {
+        "id": 1464862518122,
+        "author": "121221",
+        "text": "2222"
     }
 ]
diff --git a/public/scripts/example.js b/public/scripts/example.js
@@ -10,6 +10,16 @@
  * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
+/*
+  - CommentBox
+    - CommentList
+      - Comment
+    - CommentForm
+ */
+
+/**
+ * Comment
+ */
 var Comment = React.createClass({
   rawMarkup: function() {
     var rawMarkup = marked(this.props.children.toString(), {sanitize: true});
@@ -28,6 +38,9 @@ var Comment = React.createClass({
   }
 });
 
+/**
+ * CommentBox
+ */
 var CommentBox = React.createClass({
   loadCommentsFromServer: function() {
     $.ajax({
@@ -82,6 +95,9 @@ var CommentBox = React.createClass({
   }
 });
 
+/**
+ * CommentList
+ */
 var CommentList = React.createClass({
   render: function() {
     var commentNodes = this.props.data.map(function(comment) {
@@ -99,6 +115,9 @@ var CommentList = React.createClass({
   }
 });
 
+/**
+ * CommentForm
+ */
 var CommentForm = React.createClass({
   getInitialState: function() {
     return {author: '', text: ''};
@@ -140,6 +159,9 @@ var CommentForm = React.createClass({
   }
 });
 
+/**
+ * render view 
+ */
 ReactDOM.render(
   <CommentBox url="/api/comments" pollInterval={2000} />,
   document.getElementById('content')
