卒古コード日記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> ) }
Reference
この問題について(卒古コード日記21.6.19), 我々は、より多くの情報をここで見つけました https://velog.io/@dav777/졸꾸-코딩일기-21.6.19テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol