React入门 (二) 创建一个评论模块

创建一个评论模块，包含评论展示实时刷新，评论表单并可以提交

一个简单的评论功能

我们做一个简单的React评论功能，能列表展示评论，有个表单填写评论并发表，当然，数据应该在后台，不过我们先在前端写死。

首先我们创建一个comment class：

var Comment = React.createClass({
    author:"author",
    render: function () {
   
        return (
            <div className="comment">
                <h2 className = "commentAuthor">
                {
  this.props.author}
                </h2>

               {
  this.props.children}
            </div>
        );
    }
});

可以看到，这个组件相当于list列表中的每一条item，含有标题，评论内容

然后我们创建一个comment list，即评论列表：

var CommentList = React.createClass({
    render: function () {
   
        return(
            <div className="commentList">
                <Comment author = "Tom">this is one comment</Comment>
                <Comment author = "John">this is *anther* comment</Comment>
            </div>
        )
        ;
    }
});

可以看到，我们暂时写死了两条评论，author分别为Tom和John，并且给他们的children也赋了值

创建一个表单：

var CommentForm = React.createClass({
    render: