comments.jsx

var React = require('react');
var Store = require('./store');
var Comment = require('./comment');

module.exports = React.createClass({

    render: function () {
        console.log(Comment);
        return (
            <div>
                {this.props.comments.map((comment, i) => {
                    //var commentProps = this._setComment(comment, i);
                    return <Comment key={i + '_comment'} {...comment} />
                })}
            </div>
        );
    }
});

// In another file

var React = require('react');
var Moment = require('moment')
var Comments = require('./comments');

module.exports = React.createClass({
    render: function () {
        console.log(Comments);
        return (
            <div className="message">
                <p>{this.props.id}</p>
                <p>{this.props.text}</p>
                <p className="caption">
                    {this.props.user.full_name} {Moment(this.props.created).format('M/D/YY, h:mm a')}
                </p>
                <Comments comments={this.props.child_comments} />
                <div className="clearfix"></div>
            </div>
        )
    }
});