Listing 14: updating state repeatedly.

public/scripts/tutorial.js

@@ -43,16 +43,19 @@ let CommentForm = React.createClass({
 });
 
 let CommentBox = React.createClass({
+  componentDidMount: function () {
+    this.loadCommentsFromServer();
+    setInterval(this.loadCommentsFromServer, this.props.pollInterval);
+  },
   getInitialState: function () {
     return { data: [] };
   },
-  componentDidMount: function () {
+  loadCommentsFromServer: function () {
     $.ajax({
       url: this.props.url,
       dataType: "json",
       cache: false,
       success: function (result) {
-        console.log('Received frop api: ', result);
         this.setState({ data: result });
       }.bind(this),
       error: function (xhr, status, err) {
@@ -72,6 +75,6 @@ let CommentBox = React.createClass({
 });
 
 ReactDOM.render(
-  <CommentBox url="/api/comments" />,
+  <CommentBox url="/api/comments" pollInterval={2000} />,
   document.getElementById("content")
 );