卒古コード日記21.6.19


今日、コドスデズさんと一緒に再検討した課題の一部です.
return ( <div> <h 2>完全リスト</h 2> <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> ) }