gistfile1.txt

import * as React from "react";
import * as ReactDOM from "react-dom";
import { CommentForm } from "./CommentForm";
import { CommentList } from "./CommentList";
declare let $:any;

export interface CommentBoxProps { data:any, url:any, pollInterval:any  }

interface AppState { data:any}

export class CommentBox extends React.Component<CommentBoxProps,AppState>{
  
  loadCommentsFromServer() {
    console.log(this.props);
    $.ajax({
      url: this.props.url,
      dataType: 'json',
      cache: false,
      success: function(data) {
        this.setState({data: data});
      }.bind(this),
      error: function(xhr, status, err) {
        console.error(this.props.url, status, err.toString());
      }.bind(this)
    });
  }


  
  render() {
    return (
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList data={this.state.data} />
        <CommentForm />
      </div>
    );
  }

  constructor(props: any){
        super(props);
        this.state = { data: [] };
        this.loadCommentsFromServer();
        setInterval(this.loadCommentsFromServer, this.props.pollInterval);
  }

};