졸꾸 코딩일기 21.6.19

오늘 코드스테이츠 동기와 함께 다시 풀었던 과제의 일부

  return (
   <div>
    <h2>전체 목록</h2>
    <div id="list" className="flex">  
    {images.map((image) => {
     return (
      <a onClick={()=>handleClick(image)} key={image.id}>
      <Thumbnail source={image.src} />
      </a>
     )})}
    </div> )
    <div>
      {/* TODO: 아래 하드코딩된 내용 대신에, 목록 선택에 따른 이미지를 표시하세요 */}
      <h2>title</h2>
      <img src={getImage.src} id="current-image"/>
    </div>
  </div>
}
export default Gallery;

function Thumbnail({source}) {
return(
<img src={source} className="thumbnail">
</img>
       )
}