CommentList.js (GOOD)

CommentList.js

import React from 'react';

export default function CommentList({comments}) {  
  return (
    <div className="commentList">
      {comments.map(({text, author: {name, avatar, url}}) => (
        <div className="commentItem">
          <div className="avatar"><img src={avatar} /></div>
          <div className="message">
            <span className="author"><a href={url}>{name}</a></span>
            <span>{text}</span>
          </div>
        </div>
      ))}
    </div>
  );
}