[Youtube API] 인기 동영상 목록 보여주기(2) - 제목과 채널명 보여주기

3806 단어 ReactyoutubeReact

저번 포스팅에 이어서 작성합니다.
[Youtube API] 인기 동영상 목록 보여주기(1) - thumbnail 띄우기


제가 사용할 데이터는 제목과 채널명이기 때문에 title과 channelTitle을 가져와서 사용 할 것입니다.

const VideoItem = ({ video: { snippet } }) => (
  <li className={styles.container}>
    <div className={styles.videoItem}>
      <img
        className={styles.thumbnail}
        src={snippet.thumbnails.medium.url}
        alt="video thumbnail"
      ></img>
      <div className={styles.metadata}>
        <p className={styles.title}>{snippet.title}</p>
        <p className={styles.channelTitle}>{snippet.channelTitle}</p>
      </div>
    </div>
  </li>
);

간단하게 기존 코드에 추가만 하였습니다!

좋은 웹페이지 즐겨찾기