title: React: How to select multiple images using react-image-picker
body: <p>I am using <code>react-image-picker</code> to select the images and I can select only one image. I want to select multiple images. </p>
  
  <p>I'm not getting how to do it. Any suggestions?  </p>
  
  <pre><code>import React, { Component } from "react";
  import ImagePicker from "react-image-picker";
  import "react-image-picker/dist/index.css";
  
  const img1 = "https://i.postimg.cc/wjfpKgHg/Apple-1.png";
  const img2 = "https://i.postimg.cc/J0C02gB3/Banana-2.png";
  const img3 = "https://i.postimg.cc/QMcRqyhZ/Custard-Apple-3.png";
  const img4 = "https://i.postimg.cc/gjBzPTxB/Kiwi-1.png";
  
  const imageList = [img1, img2, img3, img4];
  
  class ImagePic extends Component {
    constructor(props) {
      super(props);
      this.state = {
        image: null
      };
      this.onPick = this.onPick.bind(this);
    }
  
    onPick(image) {
      this.setState({ image });
    }
  
    render() {
      return (
        &lt;div&gt;
          &lt;ImagePicker
            images={imageList.map((image, i) =&gt; ({ src: image, value: i }))}
            onPick={this.onPick}
          /&gt;
          &lt;button type="button" onClick={() =&gt; console.log(this.state.image)}&gt;
            OK
          &lt;/button&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default ImagePic;
  </code></pre>