higher-order component injected

CommentList.js

import React, { Component } from "react";
import DataSource from "../DataSource";
import withSubscription from "./withSubscription";

const Comment = ({ comment }) => <>{comment}</>;

class CommentList extends Component {
  render() {
    return (
      <>
        {this.props.data.map(comment => (
          <Comment comment={comment} key={comment.id} />
        ))}
      </>
    );
  }
}

export default withSubscription(CommentList, DataSource =>
  DataSource.getComments()
);