反応している画像の配列を表示しますか？

Question

私は反応が新しく、反応ウェブページに画像の配列を表示したい。配列には、統計的な数の画像があります。

render: function() { 
    console.log("edit"); 
    return (
     <div> 
      <Button bsStyle="info" id="qslist" onClick={this.show}>View</Button> 
      <Button bsStyle="info" id="qslist" className="delete" onClick={this.handleDelete}>Delete</Button> 
      <Button bsStyle="info" id="qslist" className="disable" onClick={this.handleDisable}>Disable</Button> 
      <Modal show={this.state.showModal} onHide={this.close}> 
       <Modal.Header closeButton> 
        <Modal.Title></Modal.Title> 
       </Modal.Header> 
       <Modal.Body> 
        <div id="formdata1">Name:<b>{name}</b></div> 
        <div id="formdata1">User:<b>{user}</b></div> 
        <div id="formdata1">Radius:<b>{radius}</b></div> 
        <div id="formdata1">Status:<b>{status}</b></div> 
        <div id="formdata1">Type:<b>{type}</b></div> 
        <div id="formdata1">Latitude:<b>{lat}</b></div> 
        <div id="formdata1">Longitude:<b>{long}</b></div> 
        <div id="formdata1">Description:<b>{caption}</b></div> 
        <div id="formdata1">Schedule:<b>{schedule}</b></div> 
        <div id="formdata1">Duration:<b>{duration}</b></div> 
        <div id="formdata1">lshare:<b>{lshare}</b></div> 
        <div id="formdata1">Id:<b>{listingid}</b></div> 
        <Image src={imgs} rounded /> 
       </Modal.Body> 
       <Modal.Footer> 
        <Button onClick={this.close} bsStyle="info" id="solbutton">Close</Button> 
       </Modal.Footer> 
      </Modal> 
     </div> 
    ); 
} 

上記のコードで画像の配列を表示しようとしています。現在、1つの画像<Image src={image} rounded/>のみを表示することは可能です。多数の画像を表示する方法。次のコンソールにrenderメソッド（の初めに

：あなただけの（何らかの理由で）画像の配列を表示したい場合は、配列のイメージが

[ 
    'http://keenthemes.com/preview/metronic/theme/assets/global/plugins/jcrop/demos/demo_files/image1.jpg', 
    'http://wallpaper-gallery.net/images/image/image-13.jpg', 
    ... 
] 

Answer 1

であり、次の操作を行うことができますlog）これを追加します：

これは、パス配列をイメージコンポーネントの配列にマップします（imgsは指定したようなパスの配列です）。

その後、

{images} 

で

<Image src={imgs} rounded/> 

を交換し、それはそれです。画像を示す、あなたが事にギャラリー種類を作りたいん

<ImageGallery items={imgs} />