script.js

/* 1. Using this.props.children */
// containers/Post.js
<PostDetail key={this.props.post.id} {...this.props.post} >
  {this.props.comments.map((comment) => <Comment key={comment.id} {...comment} />)}
</PostDetail>
// components/PostDetail.js
<div>
  {this.props.children}
<div/>
/* 2. transfer using props */
// containers/Post.js 
<PostDetail key={this.props.post.id} comments={this.props.comments} {...this.props.post} />
// components/PostDetail.js
let comments = this.props.comments.map((comment) => <Comment key={comment.id} {...comment} />);
<div>
  {comments}
</div>
/* 3. Embed comments into post */
// containers/Post.js
function mapStateToProps(state) {
  return {
    post: Object.assign(state.post.detail, {comments: state.comment.list})
  };
}
// in render
<PostDetail key={this.props.post.id} {...this.props.post} />
// components/PostDetail.js
let comments = this.props.comments.map((comment) => <Comment key={comment.id} {...comment} />);
<div>
  {comments}
</div>