CommentList.js NONREUSABLE

CommentList.js

import React from 'react';

export default function CommentList({comments}) {  
  return (
    <div className="commentList">
      {comments.map(({commentText, characterName, characterAvatar, characterId}}) => (
        <div className="commentItem">
          <div className="avatar"><img src={characterAvatar} /></div>
          <div className="message">
            <span className="author"><a href=`/character/${characterId}`>{characterName}</a></span>
            <span>{commentText}</span>
          </div>
        </div>
      ))}
    </div>
  );
}