const articles

const Articles = props => {
  const { articles } = props;

  return (
    <div className="list-group">
      {articles.map(article => (
        <div
          className="list-group-item list-group-item-action"
          key={article.id}
        >
          <small>article #{article.id}</small>
          <div className="mb-1">{article.title}</div>
        </div>
      ))}
    </div>
  );
};