Listing 18: adding comments - callbacks as props.

public/scripts/tutorial.js

@@ -86,6 +86,9 @@ let CommentBox = React.createClass({
   getInitialState: function () {
     return { data: [] };
   },
+  handleCommentSubmit: function (comment) {
+    // TODO send request to the server and refresh the list.
+  },
   loadCommentsFromServer: function () {
     $.ajax({
       url: this.props.url,
@@ -104,7 +107,7 @@ let CommentBox = React.createClass({
       <div className="commentBox">
         <h1>Comments</h1>
         <CommentList data={this.state.data} />
-        <CommentForm />
+        <CommentForm onCommentSubmit={this.handleCommentSubmit} />
         </div>
     );
   }