This code snippets is created during writing article on react component patterns.

ContainerComponent.jsx

import React, { Component, Fragment } from "react"

class CommentList extends Component {
  constructor() {
    super()
    this.state = { comments: [] }
  }

  componentDidMount() {
    fetch("https://jsonplaceholder.typicode.com/comments")
      .then(res => res.json())
      .then(comments => this.setState({ comments }))
  }

  render() {
    return (
      <Fragment>
        <ul>
          {this.state.comments.map(({ body, author }) => (
            <li>
              {body}-{author}
            </li>
          ))}
        </ul>
      </Fragment>
    )
  }
}

export default CommentList